Level 6

Solved

granite fixedcolumns groups

Forum|Forum|20 days ago
March 2, 2026
2 replies
46 views

Is there a way to group items inside the fixedcolumns

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

Experience Manager XML Documentation

Best answer by rk_pandian

@anasustic this is how it looks for me. Maybe something else is wrong with the dialog. This is my structure: tabs → container → fixedcolumns → container → well → checkbox.

When using an accordion you can include a /container in between /accordion and the items to give a meaningful title. Sorry, I missed this part. Also, there is a typo in /accordion in your xml. Can you pls check the structure, fix the typo & retry this and let me know? Hopefully it should be fixed.

Regards,

Ramkumar

rk_pandian

Level 4

Hi @anasustic,

You can use either an accordion/well OR well + accordion OR fieldset to group items inside a column’s container. If you have multiple sections inside the container, well + accordion gives the better experience. If there are too many, some can go to the second tab as well. Hope this helps!

<well
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/well"
    margin="{Boolean}true">
    <items jcr:primaryType="nt:unstructured">
    </items>
</well>

<accoridon
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/accoridon"
    margin="{Boolean}true">
    <items jcr:primaryType="nt:unstructured">
    </items>
</accoridon>

<well
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/well"
    margin="{Boolean}true">
    <items jcr:primaryType="nt:unstructured">
        <accor
            jcr:primaryType="nt:unstructured"
            jcr:title="General section"
            sling:resourceType="granite/ui/components/coral/foundation/accordion">
            <items jcr:primaryType="nt:unstructured">
            </items>
        </accor>
    </items>
</well>


<sample-fieldset
       jcr:primaryType="nt:unstructured"
       jcr:title="Fieldset items"
       sling:resourceType="granite/ui/components/foundation/form/fieldset"
       margin="{Boolean}true">
       <items jcr:primaryType="nt:unstructured">
       </items>
</sample-fieldset>

Regards,

Ramkumar

anasusticAuthor

Level 6

Hi @rk_pandian

I did it like this but the groups do not show:

  <columns
                                    jcr:primaryType="nt:unstructured"
                                    sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
                                <items jcr:primaryType="nt:unstructured">
                                    <column
                                            jcr:primaryType="nt:unstructured"
                                            sling:resourceType="granite/ui/components/coral/foundation/container">
                                        <well
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/well"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <sorting
                                                        jcr:primaryType="nt:unstructured"
                                                        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                        name="./sorting"
                                                        text="Sorting"
                                                        checked="{Boolean}false"
                                                        value="{Boolean}true"
                                                        uncheckedValue="{Boolean}false"/>
                                            </items>
                                        </well>
                                        <accoridon
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/accoridon"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <sorting
                                                        jcr:primaryType="nt:unstructured"
                                                        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                        name="./sorting"
                                                        text="Sorting"
                                                        checked="{Boolean}false"
                                                        value="{Boolean}true"
                                                        uncheckedValue="{Boolean}false"/>
                                            </items>
                                        </accoridon>
                                        <well
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/well"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <accor
                                                        jcr:primaryType="nt:unstructured"
                                                        jcr:title="General section"
                                                        sling:resourceType="granite/ui/components/coral/foundation/accordion">
                                                    <items jcr:primaryType="nt:unstructured">
                                                        <sorting
                                                                jcr:primaryType="nt:unstructured"
                                                                sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                                name="./sorting"
                                                                text="Sorting"
                                                                checked="{Boolean}false"
                                                                value="{Boolean}true"
                                                                uncheckedValue="{Boolean}false"/>
                                                    </items>
                                                </accor>
                                            </items>
                                        </well>
                                        <sample-fieldset
                                                jcr:primaryType="nt:unstructured"
                                                jcr:title="Fieldset items"
                                                sling:resourceType="granite/ui/components/foundation/form/fieldset"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                            </items>
                                        </sample-fieldset>

anasusticAuthor

Level 6

  <columns
                                    jcr:primaryType="nt:unstructured"
                                    sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
                                <items jcr:primaryType="nt:unstructured">
                                    <column
                                            jcr:primaryType="nt:unstructured"
                                            sling:resourceType="granite/ui/components/coral/foundation/container">
                                        <well
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/well"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <sorting
                                                        jcr:primaryType="nt:unstructured"
                                                        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                        name="./sorting"
                                                        text="Sorting"
                                                        checked="{Boolean}false"
                                                        value="{Boolean}true"
                                                        uncheckedValue="{Boolean}false"/>
                                            </items>
                                        </well>
                                        <accoridon
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/accoridon"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <sorting
                                                        jcr:primaryType="nt:unstructured"
                                                        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                        name="./sorting"
                                                        text="Sorting"
                                                        checked="{Boolean}false"
                                                        value="{Boolean}true"
                                                        uncheckedValue="{Boolean}false"/>
                                            </items>
                                        </accoridon>
                                        <well
                                                jcr:primaryType="nt:unstructured"
                                                sling:resourceType="granite/ui/components/coral/foundation/well"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                                <accor
                                                        jcr:primaryType="nt:unstructured"
                                                        jcr:title="General section"
                                                        sling:resourceType="granite/ui/components/coral/foundation/accordion">
                                                    <items jcr:primaryType="nt:unstructured">
                                                        <sorting
                                                                jcr:primaryType="nt:unstructured"
                                                                sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                                                name="./sorting"
                                                                text="Sorting"
                                                                checked="{Boolean}false"
                                                                value="{Boolean}true"
                                                                uncheckedValue="{Boolean}false"/>
                                                    </items>
                                                </accor>
                                            </items>
                                        </well>
                                        <sample-fieldset
                                                jcr:primaryType="nt:unstructured"
                                                jcr:title="Fieldset items"
                                                sling:resourceType="granite/ui/components/foundation/form/fieldset"
                                                margin="{Boolean}true">
                                            <items jcr:primaryType="nt:unstructured">
                                            </items>
                                        </sample-fieldset>

AmitVishwakarma

Community Advisor

Hi @anasustic ,
Yes, you can group items inside granite/ui/components/coral/foundation/fixedcolumns, but your current dialog has two core issues:

Wrong structure – all groups (well/accordion/fieldset) must be inside the column’s items node.
Typos in resource types – accoridon is invalid; it must be accordion with the correct sling:resourceType.

Minimal fixed example

<columns
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
    <items jcr:primaryType="nt:unstructured">

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

                <!-- Group 1: well -->
                <well
                    jcr:primaryType="nt:unstructured"
                    sling:resourceType="granite/ui/components/coral/foundation/well"
                    margin="{Boolean}true">
                    <items jcr:primaryType="nt:unstructured">
                        <sorting
                            jcr:primaryType="nt:unstructured"
                            sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                            name="./sortingInWell"
                            text="Sorting in well"/>
                    </items>
                </well>

                <!-- Group 2: accordion -->
                <myAccordion
                    jcr:primaryType="nt:unstructured"
                    sling:resourceType="granite/ui/components/coral/foundation/accordion"
                    margin="{Boolean}true">
                    <items jcr:primaryType="nt:unstructured">
                        <general
                            jcr:primaryType="nt:unstructured"
                            jcr:title="General section"
                            sling:resourceType="granite/ui/components/coral/foundation/container">
                            <items jcr:primaryType="nt:unstructured">
                                <sorting
                                    jcr:primaryType="nt:unstructured"
                                    sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                                    name="./sortingInAccordion"
                                    text="Sorting in accordion"/>
                            </items>
                        </general>
                    </items>
                </myAccordion>

                <!-- Group 3: fieldset -->
                <sampleFieldset
                    jcr:primaryType="nt:unstructured"
                    jcr:title="Fieldset items"
                    sling:resourceType="granite/ui/components/foundation/form/fieldset"
                    margin="{Boolean}true">
                    <items jcr:primaryType="nt:unstructured">
                        <sorting
                            jcr:primaryType="nt:unstructured"
                            sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
                            name="./sortingInFieldset"
                            text="Sorting in fieldset"/>
                    </items>
                </sampleFieldset>

            </items>
        </column>

    </items>
</columns>

Key points to make it work:

Use fixedcolumns -> items -> column -> items -> (well/accordion/fieldset).
Correct spelling and resource type: granite/ui/components/coral/foundation/accordion (not accoridon).
For accordions, each panel is usually a container under accordion/items with its own items node.
Don’t reuse the same name="./sorting" multiple times in the same dialog unless you intend to overwrite the same property.

Thanks,
Amit

Amit Vishwakarma - Adobe Commerce Champion 2025 | 16x Adobe certified | 4x Adobe SME

anasusticAuthor

Level 6

Thanks so much @AmitVishwakarma
I really appreciate your answer.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded