Hello @Prashardan ,according to your structure and your requirement(Using HTL & JS) you can achieve this by this way.In HTL you need to create the list value in a HTML attribute using Slightly loop.<sly data-sly-use.cmpResource="${resource.path}/mapping"></sly> <sly data-sly-set.destination=""/> <sl...

Hello @kavalidurga,I think your problem is you have no clue which ID you will choose under cq-gen1678948801943 folder? Or you want to show all the properties under usergenerated parent node?

Hello @RiteshY18 ,There is a previous thread for this topic. You can follow these methods.https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-assets/aem-6-5-assets-support-for-webp-images/m-p/558814/highlight/true#M2858 

Hello @alankzp ,${wcmmode.edit}" option is true when you are in edit mode. When you are editing the experience fragment that property will return true as you are expecting.But when you are using in a page or iParsys the inner content is actually disabled and not in edit mode. That means you can not ...

Hello @akshaybhujbale Create a new component in your project inherited from the core page component.  sling:resourceSuperType="core/wcm/components/page/v3/page"​ Customize your page properties if needed same as the other components. Now create a template type which resource type will be your page In...

Hello @Prashardan ,you can set ID in your text field by granite:id property.Add a checkbox for copying the element value consent and set an event listener for the checkbox.$(document).on("change"Then by jQuery you can easily set the value for the destination field. 

For the different requirements of the header-footer, you can use the experience fragment.https://docs.mktossl.com/docs/experience-manager-cloud-service/content/sites/authoring/fundamentals/experience-fragments.html?lang=en If you don't want to use experience fragments it's better to separate the tem...

Hello @Naresh536 ,I just created a fresh project with the below command,mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \ -D archetypeGroupId=com.adobe.aem \ -D archetypeArtifactId=aem-project-archetype \ -D archetypeVersion=40 \ -D appTitle="My Project" \ -...

 Getting this error is a little bit weird. I hope you correctly add the dependency of the core component which has no conflict which was installed previously. org.apache.sling.scripting.sightly.SightlyException: Identifier com.adobe.cq.wcm.core.components.models.Carousel cannot be correctly instanti...

Hello @kevingtan,Yes, this is possible. You can call the conditional selectors this way -><sly data-sly-resource="${@ resourceType='/path/to/menu', selectors=page.collapsedMenu ? 'collapsed' : '' }"></sly>