Create TouchUI Multifield Component in AEM 6.3

ca:dialog content.xml for multifield:

<?xml version=”1.0″ encoding=”UTF-8″?>
<jcr:root xmlns:sling=”http://sling.apache.org/jcr/sling/1.0&#8243; xmlns:cq=”http://www.day.com/jcr/cq/1.0&#8243; xmlns:jcr=”http://www.jcp.org/jcr/1.0&#8243; xmlns:nt=”http://www.jcp.org/jcr/nt/1.0&#8243;

jcr:primaryType=”nt:unstructured”
jcr:title=”Multifiled”
sling:resourceType=”cq/gui/components/authoring/dialog”
fieldLabel=”Multifield”>

<content
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/foundation/container”>

<layout
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/foundation/layouts/tabs”
type=”nav”/>

<items jcr:primaryType=”nt:unstructured”>
<bannerconfig
jcr:primaryType=”nt:unstructured”
jcr:title=”Config”
sling:resourceType=”granite/ui/components/foundation/section”>

<layout
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/foundation/layouts/fixedcolumns”
margin=”{Boolean}false”/>

<items jcr:primaryType=”nt:unstructured”>
<column
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/foundation/container”>
<items jcr:primaryType=”nt:unstructured”>

<productid
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/foundation/container”
name=”./prod”
required=”{Boolean}true”>

<items jcr:primaryType=”nt:unstructured”>
<productid
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/coral/foundation/form/multifield”
composite=”{Boolean}true”
eaem-show-on-collapse=”EAEM.showProductName”
fieldLabel=”Products”
required=”{Boolean}true”>

<field
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/coral/foundation/container”
name=”./prodId”>

<items jcr:primaryType=”nt:unstructured”>
<column
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/coral/foundation/container”>

<items jcr:primaryType=”nt:unstructured”>
<productId
jcr:primaryType=”nt:unstructured”
sling:resourceType=”granite/ui/components/coral/foundation/form/textfield”
fieldDescription=”Product ID”
fieldLabel=”Product ID”
name=”./productid”
required=”{Boolean}true”/>

</items>
</column>
</items>
</field>
</productid>
</items>
</productid>
</items>
</column>
</items>
</bannerconfig>
</items>
</content>
</jcr:root>