Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Start the Joget server and open the App Center.

  2. Login as admin and click on Design New App or click on an existing application.

    Image Modified

  3. For a new application, fill up the App ID and App Name then proceeds to click on the Save button.

    Image Added

  4. Create New Form, fill up Form ID, Form Name and Table Name then click on the Save button.

    Image Added

  5. Fill up the form with a Text Field with the id as status then save the form. 

    Image Added
  6. Click the GENERATE APP button and generate a CRUD.

    Image Added


  7. After creating the CRUD, edit the List - Status Color Form datalist.

    Image Added

  8. Edit the Color Picker status column and add the Status Color Datalist Formatter.

    Image Added


    Image Added

  9. Edit the column by adding status accordingly and selecting color then save the form. 

    Image Added
  10. Add a few records Add a new record to the datalist and observe the results. 

    Image Added


Status Color Datalist Formatter Properties

...

NameDescription
Status Case Sensitivity

Check this to ignore case sensitivity of When checked, the column 'Value' will be case-sensitive.

Status
NameDescription
ValueValue of status.
LabelStatus label to be displayed.
Background ColorColor of background.