Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

CQ5 Custom Slideshow component

Avatar

Level 2

Hi

I would like to add description text area widget for each slide image along with the existing title, New Slide, etc. Can anyone advise me how to achieve the additional widget for each slide from the custom Slideshow component.

E.g., CQ5 NKU Slideshow Component - URL -

Thanks in advance,

1 Accepted Solution

Avatar

Correct answer by
Level 10

As an AEM developer -- you have 2 choices. First - you can extend the OOTB xtype slideshow component. See this AEM doc topic for information about the OOTB slideshow: http://dev.day.com/docs/en/cq/current/widgets-api/index.html?class=CQ.form.Slideshow

Or you can build your own SlideShow component using a technology like JQuery.  There are a lot of great JQuery Slideshow plugins. See: http://vandelaydesign.com/blog/web-development/jquery-slideshow/ as an example.

To learn how to build a custom AEM component using JQuery, see this community article that talks about how to build a custom carousel component that uses images located in the AEM DAM: http://scottsdigitalcommunity.blogspot.ca/2013/09/creating-custom-carousel-component-for.html.

You can also hook a custom component into a CQ dialog and sidekick as well so an AEM author can use it and set its properties. For example, see http://scottsdigitalcommunity.blogspot.ca/2013/09/integrating-cq-custom-map-component.html

HTH

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

As an AEM developer -- you have 2 choices. First - you can extend the OOTB xtype slideshow component. See this AEM doc topic for information about the OOTB slideshow: http://dev.day.com/docs/en/cq/current/widgets-api/index.html?class=CQ.form.Slideshow

Or you can build your own SlideShow component using a technology like JQuery.  There are a lot of great JQuery Slideshow plugins. See: http://vandelaydesign.com/blog/web-development/jquery-slideshow/ as an example.

To learn how to build a custom AEM component using JQuery, see this community article that talks about how to build a custom carousel component that uses images located in the AEM DAM: http://scottsdigitalcommunity.blogspot.ca/2013/09/creating-custom-carousel-component-for.html.

You can also hook a custom component into a CQ dialog and sidekick as well so an AEM author can use it and set its properties. For example, see http://scottsdigitalcommunity.blogspot.ca/2013/09/integrating-cq-custom-map-component.html

HTH