fredrick-dominy

<!-- 6.3 Coral Multifield -->
<sly data-sly-use.multi="${'com.<client>.core.helpers.ChildNodeHelper' @ nodeName='fieldItems'}"></sly>
<sly data-sly-list.child="${multi.getChild.listChildren}">
    <p>${ child.valueMap['text']}</p>
</sly>
<!-- 6.3 Coral Multifield -->

fredrick-dominy

<my-path
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
    emptyText="e.g. /path/to/content"
    filter="hierarchyNotFile"
    forceSelection="{Boolean}false"
    multiple="{Boolean}false"
    name="./myPath"
    required="{Boolean}true"
    rootPath="/content"/>

fredrick-dominy

<selectorName
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/foundation/form/select"
	granite:id="selector_name_select"
	deleteHint="{Boolean}true"
	emptyOption="{Boolean}true"
	emptyText="Select an author."
	multiple="{Boolean}false"
	ordered="{Boolean}true"
	fieldDescription="Select a thing"

fredrick-dominy

<datepicker
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/datepicker"
    granite:id="datepicker_granite_id"
    displayTimezoneMessage="{Boolean}true"
    emptyText="Example empty text"
    fieldDescription="Optional."
    fieldLabel="Date Picker label"
    name="./checkbox"
    required="{Boolean}true"

fredrick-dominy

<text-area
  jcr:primaryType="nt:unstructured"
  sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
  emptyText="e.g. Add descriptive content"
  fieldDescription="Special Instructions:"
  fieldLabel="Descriptive Label"
  maxlength="300"
  name="./myTextarea"
  required="{Boolean}false"/>

fredrick-dominy

<tab1
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
	jcr:title="Letter"
	margin="{Boolean}true"
	trackingElement="letter">
	<items jcr:primaryType="nt:unstructured">
		<column
			jcr:primaryType="nt:unstructured"
			sling:resourceType="granite/ui/components/coral/foundation/container">

fredrick-dominy

<label
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
    granite:id="label_text"
    emptyText="e.g. Link label"
    fieldDescription="Required. Maximum length of 40 characters."
    fieldLabel="Label"
    maxlength="40"
    name="./cta/label"
    required="{Boolean}true"/>

fredrick-dominy

<text
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/text"
        text="Description of image..."/>
<file
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/foundation/form/fileupload"
        class="cq-droptarget"
        fieldLabel="Image Asset"
        fieldDescription="Drag and drop an image asset from the asset finder here. If asset is shown, press 'Clear' to remove the reference."

fredrick-dominy

<textarea
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
    granite:id="texfield_textarea"
    emptyText="e.g. Text Area Content"
    fieldDescription="Required. Maximum length of 300 characters."
    fieldLabel="Text Area"
    maxlength="300"
    name="./textarea"
    required="{Boolean}true"/>

fredrick-dominy

<my-text-field
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
    emptyText="e.g. Textfield Content"
    fieldDescription="Required. Enter text in Uppercase. Maximum length of 100 characters."
    fieldLabel="Text Field"
    maxlength="100"
    name="./myTextField"
    required="{Boolean}true"/>