Library of widgets | Community
Skip to main content
AppHaus
AppHaus
Level 2
September 19, 2017
Solved

Library of widgets

  • September 19, 2017
  • 5 replies
  • 1343 views

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

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.

5 replies

smacdonald2008
smacdonald2008Accepted solution
Level 10
September 19, 2017

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
    smacdonald2008
    Level 10
    September 19, 2017

    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
      smacdonald2008
      Level 10
      September 19, 2017

      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
        smacdonald2008
        Level 10
        September 19, 2017

        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 class

        AppHaus
        AppHausAuthor
        Level 2
        September 19, 2017

        WoW!  Thanks, will check these out.

        Terms & ConditionsAccessibility statement

        Loading footer...