Rearrange child components within parent component | Community
Skip to main content
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 Tethich

Hi @pleben

 

One way is to drag them in crx. But I guess is not desirable as it will be a pain to maintain this all the time.

 

Or, if you have a multifield, you can move up and down the items in the dialog.

 

Or, if you don't want to not rely on the order AEM stores them, you can have a "position" property for each card, authorable (you can also have a js to validate value uniqueness if you like ), and have a backendlogic (in Sling model eventually) that returns to your frontend components the list of cards in the configured ordered.

4 replies

Tethich
Community Advisor
TethichCommunity AdvisorAccepted solution
Community Advisor
November 14, 2024

Hi @pleben

 

One way is to drag them in crx. But I guess is not desirable as it will be a pain to maintain this all the time.

 

Or, if you have a multifield, you can move up and down the items in the dialog.

 

Or, if you don't want to not rely on the order AEM stores them, you can have a "position" property for each card, authorable (you can also have a js to validate value uniqueness if you like ), and have a backendlogic (in Sling model eventually) that returns to your frontend components the list of cards in the configured ordered.

    PRATHYUSHA_VP
    Community Advisor
    PRATHYUSHA_VPCommunity Advisor
    Community Advisor
    November 14, 2024

    Hi @pleben 

     

    If components are authored in page, you can rearrange components by dragging up and down. Please try once

     

    If you're including the child components dynamically using data-sly-resource in parent component. You can reorder by updating the order in HTL code.

     

    For more details :

     

    https://aemlab.blogspot.com/2021/11/cqiscontainer-property-in-aem.html - By @arunpatidar 

     

    Hope this helps !

      kautuk_sahni
      Community Manager
      kautuk_sahniCommunity Manager
      Community Manager
      November 26, 2024

      @pleben Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

      Kautuk Sahni
      Preetpal_Bindra
      Community Advisor
      Preetpal_BindraCommunity Advisor
      Community Advisor
      November 27, 2024

      @pleben 

      If you haven't already, take a look at the AEM Core components like Tabs and accordion that has the same concept of a parent container with child cards/components. They could be setup fairly quickly and give a chance to experiment with to get an idea on the possibilities.

       

      https://www.aemcomponents.dev/ 

        Terms & ConditionsAccessibility statement

        Loading footer...