# Expandable content

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Expandable content is commonly used for frequently asked questions(FAQs) page.

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><strong>Heading</strong> <br>Enter text to display as a title in the section. </td></tr><tr><td>Expand first row</td><td>By enabling this checkbox, you can show open collapsible row.</td></tr><tr><td>Image layout</td><td><p><strong>Image</strong><br>Use "Image" to add the image to the section. </p><p></p><p><strong>Enable sticky image</strong> </p><p>Keeps the image fixed (sticky) while the other content scrolls. Ideal for sections with longer text content.</p><p></p><p><strong>Image height</strong> </p><p>Customization of "Image height" in section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul><p></p><p>Desktop layout </p><p>Customization of "Image layout" in desktop devices is as follows:</p><ul><li>Image first</li><li>Image second</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FJ7h6Pxcin3JGM6j0ENgY%2Fcollapsible.png?alt=media&#x26;token=0e3ed3c8-0a60-41a6-8c53-4c2899ca63b0" alt=""><figcaption></figcaption></figure>

## Add collapsible row

To add row to the Expandable content section, click on the 'Add collapsible row'. There are many options available , as you can see in the below points and screenshot.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a heading in the section.</td></tr><tr><td>Custom svg</td><td>Use this settings to paste SVG icon code here to display before collapsible row heading. </td></tr><tr><td>Row content</td><td>Enter text to display as a row content in the section.</td></tr><tr><td>Row content from page</td><td>By using these settings, the selected page will display its content like row content.</td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FQXcsaT4cR45CrO4WsiJj%2Fcollapsible-block.png?alt=media&#x26;token=bb384432-a9b5-4e3c-8f72-315de82785b2" alt=""><figcaption></figcaption></figure>
