Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Dialogfieldset is not working in touchUI dialog

Avatar

Level 3

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>

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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



Arun Patidar

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

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



Arun Patidar

Avatar

Level 3

Thanks Arun Patidar. I can group the fields with accordion component.