Surajkamdi

This file is only here to provide the title of the gist

Surajkamdi

<!--/* We can define a list within a Sightly template to avoid redundant code */-->

<sly data-sly-test.versions="${['desktop', 'mobile']}"/>

<sly data-sly-list.identifier="${versions}">
  <div class="element ${identifier}">Repeated content</div>
</sly>

Surajkamdi

<sly data-sly-use.component="template.html"
    data-sly-call="${component.template @ properties=properties}" />

Surajkamdi

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
          jcr:primaryType="cq:ClientLibraryFolder"
          categories="[cq.authoring.dialog]"/>

Surajkamdi

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0"
          xmlns:jcr="http://www.jcp.org/jcr/1.0"
          xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
          jcr:primaryType="nt:unstructured">
    <content jcr:primaryType="nt:unstructured">
        <items jcr:primaryType="nt:unstructured">
            <basic jcr:primaryType="nt:unstructured">
                <items jcr:primaryType="nt:unstructured">
                    <column jcr:primaryType="nt:unstructured">

Surajkamdi

<!--/* More: https://docs.adobe.com/docs/en/htl/docs/block-statements.html#resource */-->

<!--/* By default, the AEM decoration tags are disabled, the decorationTagName option allows to bring them back, and the cssClassName to add classes to that element. */-->
<div data-sly-resource="${'headline' @
                        resourceType='about-project/components/content/c34-section-headline',
                        decorationTagName='span',
                        cssClassName='className'
                        }"></div>

<!--/* More about the decoration tag: https://docs.adobe.com/docs/en/aem/6-3/develop/components/decoration-tag.html */-->

Surajkamdi

Web Consoles & Tools

• Clientlibs
  • Find/see all ClientLibs: http://localhost:4502/libs/granite/ui/content/dumplibs.html
  • See the expected HTML output of clientlib includes based on category: http://localhost:4502/libs/granite/ui/content/dumplibs.test.html
  • Highlights any dependencies or embedded categories that cannot be found: http://localhost:4502/libs/granite/ui/content/dumplibs.validate.html
  • Force AEM to rebuild ClientLibs via this url: http://localhost:4502/libs/granite/ui/content/dumplibs.rebuild.html
• CRX: /crx/explorer/index.jsp
• Link Checker – find broken links: http://localhost:4502/etc/linkchecker.html
• QueryBuilder: https://docs.adobe.com/docs/en/aem/6-3/develop/search/querybuilder-api.html

Surajkamdi

<alignment jcr:primaryType="nt:unstructured"
    name="./alignChildren"
    fieldLabel="Alignment of components"
    required="{Boolean}true"
    selectionMode="single"
    sling:resourceType="granite/ui/components/coral/foundation/form/buttongroup">

    <items jcr:primaryType="nt:unstructured">
        <default jcr:primaryType="nt:unstructured"
            name="./default"