Skip to main content

Text Expander

An inline read-more / reveal toggle — hide part of a sentence or paragraph behind a Show More button. Tabs: Content, Layout, Styling, Animations, Advanced.

Text Expander on the Page Builder canvas

Content​

Text Expander options panel — Content tab

Visible Content, Hidden Content, Button Text (Show) (default "Show More"), Button Text (Hide) (default "Show Less").

Layout​

Text Expander options panel — Layout tab
OptionChoices
"Show More" Button LocationImage-picker of placements
"Show Less" Button LocationImage-picker of placements
Merge Boundary ParagraphsOn/Off
Show Ellipsis When CollapsedOn/Off
Word/Character CountNone, Word count, Character count
Click-Anywhere to ExpandOn/Off
Use Native <details>On/Off (semantic HTML disclosure)

Styling​

Text Expander options panel — Styling tab
OptionChoices
Toggle IconNone, Chevron (rotates), Plus / Minus
Initially OpenOn/Off
ColorsVisible/Hidden content, Show More/Less buttons (custom hex/rgba)
Screenshots — toggle icons & states

Capture the collapsed/expanded states and toggle icons: text-expander-collapsed, text-expander-expanded, text-expander-chevron.