Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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"
text="Default"
value="false"
cq-msm-lockable="default"/>
<left jcr:primaryType="nt:unstructured"
name="./left"
text="Left"
value="left"
cq-msm-lockable="left"/>
<center jcr:primaryType="nt:unstructured"
name="./center"
text="Center"
value="center"
cq-msm-lockable="center"/>
<right jcr:primaryType="nt:unstructured"
name="./right"
text="Right"
value="right"
cq-msm-lockable="right"/>
</items>
</alignment>
<columnLast
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
text="Last column in grid?"
value="true"
name="./columnLast"/>
<hideMismatches
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
text="Hide Mismatches"
fieldDescription="Check this box to hide dropdown options if they don't match with the user's input"
name="./hideMismatches"
value="{Boolean}true"
uncheckedValue="{Boolean}false"/>
<backgroundColor jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/colorfield"
showDefaultColors="{Boolean}false"
text="Background Color"
fieldLabel="Background Color"
name="./backgroundColor"
showProperties="{Boolean}false">
<items jcr:primaryType="nt:unstructured">
<white jcr:primaryType="nt:unstructured" value="#FFFFFF"/>
<black jcr:primaryType="nt:unstructured" value="#000000"/>
<hugo-blue jcr:primaryType="nt:unstructured" value="#D8F1FF"/>
<hugo-brown jcr:primaryType="nt:unstructured" value="#451A0C"/>
<hugo-cream jcr:primaryType="nt:unstructured" value="#F6F6EC"/>
<hugo-green jcr:primaryType="nt:unstructured" value="#AECDC7"/>
<hugo-gray jcr:primaryType="nt:unstructured" value="#3C3C3C"/>
</items>
</backgroundColor>
<fileupload
jcr:primaryType="nt:unstructured"
jcr:title="Files"
sling:resourceType="granite/ui/components/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<file
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"
autoStart="{Boolean}true"
cq-msm-lockable="/file"
fieldLabel="Upload files"
mimeTypes="[image/png,image/jpeg,application/pdf]"
multiple="{Boolean}false"
name="./file"
sizeLimit="100000000"
text="Upload file"
uploadUrl="/content/dam/someurl"
uploadUrlBuilder=""/>
</items>
</fileupload>
<headlines
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/multifield"
fieldDescription="Click 'Add field' to add new content dropdown."
fieldLabel="Headlines">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
required="true"
name="./headlines"/>
</headlines>
<!--
Usage:
<sly data-sly-list="${resource.children}">
<sly data-sly-list="${item.children}">
${item.linkText}
${item.linkUrl}
</sly>
</sly>
-->
<!--
How to define min/max item limit: http://experience-aem.blogspot.com/2018/01/aem-6310-touch-ui-add-min-max-limit-to-coral-3-multifield.html
-->
<nav
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
fieldDescription="Click '+' to add a new link"
fieldLabel="Links"
jcr:primaryType="nt:unstructured"
composite="{Boolean}true">
<field sling:resourceType="granite/ui/components/coral/foundation/container"
jcr:primaryType="nt:unstructured" name="./items">
<items jcr:primaryType="nt:unstructured">
<linkText
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Link Text"
jcr:primaryType="nt:unstructured"
name="./linkText" />
<linkurl
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldLabel="Link Url"
jcr:primaryType="nt:unstructured"
name="./linkUrl" />
</items>
</field>
</nav>
<footernavitems jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/multifield"
class="full-width"
fieldDescription="Click '+' to add a new link"
fieldLabel="Links">
<field jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fieldset"
acs-commons-nested="NODE_STORE"
name="./footernavitems">
<layout jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
method="absolute"/>
<items jcr:primaryType="nt:unstructured">
<column jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<text jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Text"
name="./text"/>
<link jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
fieldLabel="Link"
name="./link"
rootPath="/content/tesla-configurator"/>
<hideOnMobile
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
text="Hide on mobile?"
value="true"
name="./hideOnMobile"/>
</items>
</column>
</items>
</field>
</footernavitems>
<columnWidth
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
fieldLabel="Field width in grid"
defaultValue="4"
min="1"
max="12"
step="1"
name="./columnWidth"/>
<columnWidth
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"
fieldLabel="Field width in grid"
defaultValue="4"
min="1"
max="12"
step="1"
name="./columnWidth"/>
<buttonPath
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
rootPath="/content/"
emptyText="Path to target page"
fieldLabel="Button Link"
name="./buttonPath"/>
<buttonPath
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"
rootPath="/content/"
emptyText="Path to target page"
fieldLabel="Button Link"
name="./buttonPath"/>
http://stackoverflow.com/questions/34309445/aem-6-1-enable-rich-text-editor-rte-plugins-on-touch-ui
-------
<longDescriptionText
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/richtext"
fieldDescription="Sets the description that appears on the profiled person's page."
fieldLabel="Long Description*"
required="true"
useFixedInlineToolbar="{Boolean}true"
name="./longDescriptionText">
<rtePlugins jcr:primaryType="nt:unstructured">
<format
jcr:primaryType="nt:unstructured"
features="[bold,italic]"/>
<justify
jcr:primaryType="nt:unstructured"
features="[]"/>
<lists
jcr:primaryType="nt:unstructured"
features="[]"/>
</rtePlugins>
</longDescriptionText>
<linkColor
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldLabel="Link Color"
name="./linkColor">
<items jcr:primaryType="nt:unstructured">
<primary jcr:primaryType="nt:unstructured"
text="Primary"
value="primary"/>
<secondary jcr:primaryType="nt:unstructured"
text="Secondary"
value="secondary"/>
</items>
</linkColor>
<linkColor
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Link Color"
name="./linkColor">
<items jcr:primaryType="nt:unstructured">
<primary jcr:primaryType="nt:unstructured"
text="Primary"
value="primary"/>
<secondary jcr:primaryType="nt:unstructured"
text="Secondary"
value="secondary"/>
</items>
</linkColor>
<intro
jcr:primaryType="nt:unstructured"
sling:resourceType="wcm/foundation/components/text"
text="Please note that this component is not to be used to include JavaScript or CSS."/>
OR
<info
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/text"
text="Please note that this component is not to be used to include JavaScript or CSS."/>
<inputgroup
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/text"
text="Enable user sharing for"/>
<html
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textarea"
fieldLabel="HTML"
name="./html"
required="true"/>
<html
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
fieldLabel="HTML"
name="./html"
required="true"/>
<inputExtraCssClass
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Input CSS class"
name="./inputExtraCssClass"/>
<carModel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Model"
value="carModel"
name="./carModel"/>
@deserat

This comment has been minimized.

Copy link

@deserat deserat commented Jul 5, 2018

This one gist is more helpful than reading hours of AEM documentation. Thank you.

@vaibhavs-perficient

This comment has been minimized.

Copy link

@vaibhavs-perficient vaibhavs-perficient commented Aug 20, 2018

Please share the code for radio button. I have tried few other code for radio button but those are not working.

@fathiminna

This comment has been minimized.

Copy link

@fathiminna fathiminna commented Feb 25, 2021

Thanks for this code. Very helpful.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment