Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

where is the sample code for cq5 widget?

Avatar

Level 3

Hi,

 I am reading this tutorial http://dev.day.com/docs/en/cq/current/developing/widgets.html#Example%202:%20Single%20Panel%20Dialog. And I cannot find the download link to the sample package ExtJS Widgets (v01) .

Can someone provide the link or upload the zip sample file?

 

Thank you

1 Accepted Solution

Avatar

Correct answer by
Level 10

That package is downloaded from AEM Package Share - not a link. Instructions on how to download it are provided in the AEM docs:


GETTING STARTED WITH THE SAMPLES

To follow the tutorials on this page, install the package called Using ExtJS Widgets in a local AEM instance and create a sample page in which the components will be included. To do so:

  1. In your AEM instance download the package called Using ExtJS Widgets (v01) from Package Share and install the package. It creates the project extjstraining below /apps in the repository.
  2. Include the client library containing the scripts (js)  and the stylesheet (css) in the head tag of the geometrixx page jsp, as you will include the sample components in a new page of the Geometrixx branch:
    in CRXDE Lite open the file /apps/geometrixx/components/page/headlibs.jsp and add thecq.extjstraining category to the existing <cq:includeClientLib> tag as follows:
    %><cq:includeClientLib categories="apps.geometrixx-main, cq.extjstraining"/><%
  3. Create a new page in the Geometrixx branch below /content/geometrixx/en/products and call it Using ExtJS Widgets.
  4. Go in design mode and add all the components of the group called Using ExtJS Widgets to the design of Geometrixx
  5. Go back in edit mode: the components of the group Using ExtJS Widgets are available in the Sidekick.

 

For more info on installing the Using ExtJS Widgets package, see How to Work With Packages.

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

That package is downloaded from AEM Package Share - not a link. Instructions on how to download it are provided in the AEM docs:


GETTING STARTED WITH THE SAMPLES

To follow the tutorials on this page, install the package called Using ExtJS Widgets in a local AEM instance and create a sample page in which the components will be included. To do so:

  1. In your AEM instance download the package called Using ExtJS Widgets (v01) from Package Share and install the package. It creates the project extjstraining below /apps in the repository.
  2. Include the client library containing the scripts (js)  and the stylesheet (css) in the head tag of the geometrixx page jsp, as you will include the sample components in a new page of the Geometrixx branch:
    in CRXDE Lite open the file /apps/geometrixx/components/page/headlibs.jsp and add thecq.extjstraining category to the existing <cq:includeClientLib> tag as follows:
    %><cq:includeClientLib categories="apps.geometrixx-main, cq.extjstraining"/><%
  3. Create a new page in the Geometrixx branch below /content/geometrixx/en/products and call it Using ExtJS Widgets.
  4. Go in design mode and add all the components of the group called Using ExtJS Widgets to the design of Geometrixx
  5. Go back in edit mode: the components of the group Using ExtJS Widgets are available in the Sidekick.

 

For more info on installing the Using ExtJS Widgets package, see How to Work With Packages.