...
Status Color Datalist Formatter is a Datalist Column Formatter that allows users to format the background color of a column based on the value given.
Get Started
Steps
...
To Use The Plugin
- Start the Joget server and open the App Center.
- Login as admin and click on Design New App or click on an existing application.
![](/community/download/attachments/205718223/scdf1.PNG?version=2&modificationDate=1653015096000&api=v2)
- For a new application, fill up the App ID and App Name then proceeds to click on the Save button.
![](/community/download/attachments/205718223/scdf2.png?version=1&modificationDate=1653015099000&api=v2)
- Create New Form, fill up Form ID, Form Name and Table Name then click on the Save button.
![](/community/download/attachments/205718223/scdf3.png?version=1&modificationDate=1653015100000&api=v2)
- Fill up the form with a Text Field with the id as status then save the form.
![](/community/download/attachments/205718223/scdf4.png?version=1&modificationDate=1653015101000&api=v2)
- Click the GENERATE APP button and generate a CRUD.
![](/community/download/attachments/205718223/scdf5.png?version=1&modificationDate=1653015102000&api=v2)
- After creating the CRUD, edit the List - Status Color Form datalist.
![](/community/download/attachments/205718223/scdf6.png?version=1&modificationDate=1653015103000&api=v2)
- Edit the status column and add the Status Color Datalist Formatter.
![](/community/download/attachments/205718223/scdf7a.png?version=1&modificationDate=1653015103000&api=v2)
![](/community/download/attachments/205718223/scdf7b.png?version=1&modificationDate=1653015104000&api=v2)
- Edit the column by adding status accordingly and selecting color then save the form.
![](/community/download/attachments/205718223/scdf8.png?version=1&modificationDate=1653015104000&api=v2)
- Add a few records to the datalist and observe the results.
![](/community/download/attachments/205718223/scdf9.PNG?version=2&modificationDate=1653015711000&api=v2)
...