I am facing issue while converting classic dialog into touchUI dialog. I have a dialog which contains lot of fields(widgets), so we grouped those fields using xtype as dialogfieldset for classic dialog. Used the corresponded xtype for granite UI component which is granite/ui/components/foundation/form/fieldset. The granite UI component is not actually grouping the fields as we grouped.
Ref - Concepts of the AEM Touch-Enabled UI
Tried with and without coral component but none of them worked.
granite/ui/components/coral/foundation/form/fieldset
granite/ui/components/foundation/form/fieldset
I could not find any OOTB component which use dialogfieldset. Please share if there are any OOTB component which use dialogfieldset for reference.
Here is my complete dialog xml.
<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/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"
jcr:title="Test Form"
sling:resourceType="cq/gui/components/authoring/dialog">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/tabs">
<items jcr:primaryType="nt:unstructured">
<Tab-3
jcr:primaryType="nt:unstructured"
jcr:title="Tab 3"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items
jcr:primaryType="nt:unstructured"
jcr:title="label here"
sling:resourceType="granite/ui/components/foundation/form/fieldset"
collapsed="{Boolean}true"
collapsible="{Boolean}true">
<firstnamelabel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="First Name"
name="./fname"/>
<lastnamelabel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Last Name"
name="./lname"/>
</items>
</column>
</items>
</Tab-3>
</items>
</content>
</jcr:root>
Solved! Go to Solution.
Hi,
Please check /libs/wcm/core/content/sites/movepagewizard/jcr:content/body/items/form/items/wizard/items/renameStep/items/fixedColumns/items/fixedColumn2/items/rename for example
If you are looking for collapsable field set then you must use accordion.
Accordion — Granite UI 1.0 documentation
Hi,
Please check /libs/wcm/core/content/sites/movepagewizard/jcr:content/body/items/form/items/wizard/items/renameStep/items/fixedColumns/items/fixedColumn2/items/rename for example
If you are looking for collapsable field set then you must use accordion.
Accordion — Granite UI 1.0 documentation
Thanks Arun Patidar. I can group the fields with accordion component.
Views
Replies
Total Likes
Views
Likes
Replies