Library of widgets

[AppHaus]

Hello

Learning AEM authoring and would like to know if there is a collection of components or widgets you can download to use in your web pages.  The accordion that is available to drag and drop on the web page I have found does not work as good as JQuery.  It is difficult to edit and can not alphabetized once created when adding new titles without starting over. 

This is just one example I would like to try to find a solution for.

Thank you for your help!

[smacdonald2008 · Accepted solution]

AEM has a rich lib named Granite APIs that are used with AEM for use within Component dialogs and AEM UI author.

Reference Materials

However - if you are building sites on AEM 6.3 - you should be using the OOTB Core components.

GitHub - Adobe-Marketing-Cloud/aem-core-wcm-components: AEM Core WCM Components

We did an Ask the AEM Experts on this subject - see: Scott's Digital Community: Ask the AEM Community Experts for August 2017

When the OOTB component DO not meet your needs -- using JQeury to build custom AEM components is a valid way to build AEM custom components - we have many HELPX articles that show use of using JQuery plug-ins.

You can even use JQuery plug-ins to develop custom Sling Resource Types for use in component dialogs -- Scott's Digital Community: Creating a custom Experience Manager sling:resourceType for Touch UI

Hope this helps.

[smacdonald2008]

TO read about the older OOTB Foundation components - see:

https://docs.adobe.com/docs/en/cq/5-6-1/developing/components.html#A closer look at a few of the foundation components...

[smacdonald2008]

Also - here is a HELPX article that shows use of a specific JQuery plug-in to achieve a 3D asset -- Scott's Digital Community: Creating AEM components that displays DAM Assets in 3D

This is a good example of using JQuery plug-in for use with AEM.

Also - Bootstrap is another really good lib to use when developing AEM custom components - for example -- Scott's Digital Community: Creating AEM components that displays DAM Assets in 3D

Hope this helps....

[smacdonald2008]

Last point here - when building custom components for AEM - the preferred way is to use HTL - we have lots of articles to get you up and running with HTL. See this one as a starting point -- Scott's Digital Community: Creating an AEM HTML Template Language component that uses the WCMUsePojo...

[AppHaus]

WoW!  Thanks, will check these out.