Introduction
Click To Reveal Datalist Formatter plugin allows users to hide content in a list and displays a clickable element to reveal the contents.
Plugin Info
Plugin Available in the Bundle:
Click To Reveal Datalist Formatter
This plugin bundle is compatible with Joget DX 8.
Expected Outcome
The specified column in the datalist displays a clickable "Click to Reveal" label within the datalist. Upon clicking the label, the hidden content in the Text Field is revealed, allowing users to see the full Text.
Figure 1: Expected Outcome of the "Click to Reveal" Datalist Formatter Plugin
Get started
Steps
1. You can obtain the jar file by the latest release at https://github.com/jogetoss/click-to-reveal-datalist-formatter/releases
2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.
3. You can choose to import the demo app or create the app from scratch.
Steps for importing demo app
1. Download the demo app from Click to Reveal App (.jwa file).
2. Go to Joget Home or All Apps and click on Import App to import the downloaded demo app.
Steps for creating app from scratch
1. Begin by creating a form that includes a Textfield element.
Figure 2: Add a textfield element in the form
2. Now generate a CRUD and Launch the UI using Click here option
Figure 3: Generate CRUD
3. In the datalist, select the text field column, then choose Click To Reveal Datalist Formatter from the formatter options to enable the "click to reveal" functionality for that column.
Figure 4: Applying the Click To Reveal Datalist Formatter to a Text Field Column in the List
Click To Reveal Datalist Formatter Properties
Click To Reveal Formatter
| Name | Description |
|---|---|
Click to Reveal Text | Customizable text that will appear as the clickable element in the datalist. This allows to specify what the label will display when the content is hidden |