granite fixedcolumns groups | Community
Skip to main content
A
anasustic
Level 6
March 2, 2026
Question

granite fixedcolumns groups

  • March 2, 2026
  • 1 reply
  • 17 views

Hi

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">

 

1 reply

rk_pandian
rk_pandian
Level 4
March 2, 2026

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

A
anasusticAuthor
Level 6
March 2, 2026

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>

 

A
anasusticAuthor
Level 6
March 2, 2026
  <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>

 

Terms & ConditionsAccessibility statement

Loading footer...