Collapsible Layout collapsed by default

5 replies
2213 views
Translate All

I want to collapse the block of collapsible field by default in Touch UI .

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Leela-Pavan-KumarAccepted solution

Level 4

By Default the style Display is set to none for that field

If you set the Display attribute of style as Block using some script then by default it is in Expand mode.

arunpatidar

Community Advisor

Hi @prachi_mathur
Please check https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/accordion/index.html

To disable, I guess by default it is collapsed, if you add active to item's parentConfig then it is active.

Translate

Arun Patidar

Leela-Pavan-Kumar

Level 4

Hi @prachi_mathur ,

Create a layout node under your items node and add sling:resourceType as granite/ui/components/foundation/layouts/collapsible.

<Collapsible
     jcr:primaryType="nt:unstructured"
     jcr:title="Collapsible Fields"
     sling:resourceType="granite/ui/components/foundation/container">
     <items jcr:primaryType="nt:unstructured">
         <Collapsenode
            jcr:primaryType="nt:unstructured"
            sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
            <items jcr:primaryType="nt:unstructured">
                   <title
                        jcr:primaryType="nt:unstructured"
                        sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                        fieldLabel="Title"
                        renderReadOnly="{Boolean}true"/>
            </items>
         </Collapsenode>
    </items>
    <layout
          jcr:primaryType="nt:unstructured"
          sling:resourceType="granite/ui/components/foundation/layouts/collapsible"/>
</Collapsible>