With the release of Uncode version 2.9.0, we are excited to introduce the highly requested 'Expand Toggle' feature. This functionality allows you to neatly limit and reveal additional content on your pages, providing users with the option to access more details at their convenience, screenshot .

The Expand Toggle feature is integrated within the Column Settings, the core container for all types of content. This feature is versatile, supporting not just textual content but also Media Gallery, Posts Module, and other composite contents, screenshot .

How it works

1. Access the Column Settings and activate the Expand Toggle option found in the Extra tab, screenshot .
2. You can then configure its settings in the new Toggle tab according to your needs, screenshot .

Main options

• Max Height: Set the maximum height of the toggled Column. We recommend using a value in vh (e.g., 50vh), although pixel values are also acceptable. Setting this to 0 will completely hide the content.
• Buttons State: Customize the text and icon of the toggle button, and adjust the top margin to suit your design.
• Fade: Add a fade effect to the content to create a more visually pleasing transition.
• Scroll Back To Row: Configure the Toggle to scroll back to the container Row upon closing.
• Toggle Button Extra Class: Add additional classes to modify the appearance of the Toggle Button. For example, 'btn btn-accent btn-lg btn-custom-typo font-359101 font-weight-700'. This allows for easy customization using classes derived from any button created via the Page Builder, eliminating the need to duplicate all button module options.

Notes

• Please note that the Toggle option is not compatible with the Column Vertical Position set to Justify or with possible Sticky options.