Text Expand Collapse
Content Type: Widget
Categories: User Interface,Visualization,Data
Overview
It allows you to display long text in a condensed format, with an option to expand or collapse the content. Users can set a character limit for the collapsed view and customize the "Read More" and "Show Less" buttons. It’s perfect for managing large text areas while keeping the UI clean and user-friendly.
Documentation
Typical usage scenario
The Text Expand Collapse widget is ideal for situations where long text content needs to be displayed in a concise format. It is perfect for blogs, articles, or any content-heavy applications where you want to show a snippet of text with an option to expand and read more. This widget helps solve the problem of managing large text sections while keeping the interface clean and intuitive for users.
Features:
- Set a character limit for truncated text with a customizable "Read More" link.
- Allows users to expand and collapse text content dynamically.
- Support for both dynamic string attributes and manually entered text.
- Fully customizable button texts for expanding and collapsing content.
Installation:
- Download the Text Expand Collapse widget from the Mendix App Store.
- Add the widget to your project by dragging it into the desired container.
- Configure the necessary properties such as String Attribute, Manual Text, Character Limit, etc.
Configuration:
- Configure the String Attribute to bind a dynamic text source from your data entity.
- Optionally, enter manual text if you want to provide static content.
- Set the Character Limit to determine how much text is displayed before truncation.
- Customize the Read More Text and Show Less Text properties to match your UI design.
Releases
Version: 1.0.0
Framework Version: 9.24.16
Release Notes: It allows you to display long text in a condensed format, with an option to expand or collapse the content. Users can set a character limit for the collapsed view and customize the "Read More" and "Show Less" buttons. It’s perfect for managing large text areas while keeping the UI clean and user-friendly.