# Collapsible content

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

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

{% hint style="info" %}
**Recommendation Size**\
Slideshow image desktop size: 750x541
{% endhint %}

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading in the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Caption</td><td>Enter caption to display as a small text in the section.</td></tr><tr><td>Layout</td><td><p>Customization of "Layout" in desktop and mobile devices is as follows:</p><ul><li>Full width</li><li>Row container</li><li>Section container</li><li>Container with transparent background</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></ul></td></tr><tr><td>Image layout</td><td><p><strong>Image</strong><br>Use "Image" to add the image to the section.<br><br><strong>Image ratio</strong></p><p>Customization of the "Image ratio" in the collapsible content section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Desktop layout</strong></p><p>The desktop Image customization section is as follows:</p><ul><li>Image first</li><li>Image second</li></ul></td></tr></tbody></table>

<figure><img src="/files/HXS9HEpjG07zyTpXadEq" alt=""><figcaption></figcaption></figure>

## Add collapsible row

To add row to the Collapsible 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>Open collapsible row</td><td>By enabling this checkbox, you can show open collapsible row.</td></tr><tr><td>Heading</td><td>Enter text to display as a heading in the section.</td></tr><tr><td>icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Chat</li></ul></td></tr><tr><td>Custom image</td><td>You can customize the icon in the collapsible row by adding a custom image in its place.</td></tr><tr><td>Row content</td><td>Enter text to display as a row content in the section.</td></tr><tr><td>Image</td><td>To add an image below the row content, select the image here.</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="/files/TgKH6Cy5jr12OjxOH9E5" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sitar-doc.winterinfotech.com/sections/collapsible-content.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.