By Clay Li on Thursday, 29 October 2026
Category: Feature

Admin Tip: Color-Coding Dropdown Fields in Calem

Color-coding dropdown fields can be implemented through client config changes at client/conf/CmConf.custom.js. The screenshot below shows a work order list with color-coded fields in Calem. In addition to color-coded fields out of the box, admin can add color-coded fields through config changes.

The first step is to enable color display for a field. For instance, "monitored_id" is the field Id in the sample in asset table (cm_asset). Both standard fields in Calem and custom fields added in an implementation can be color-coded through client config changes.

Next, provides a map of colors to dropdown Ids in client config. The dropdown may be a standard one in Calem, or a custom "MyDropdown" added. The Ids of a dropdown can be viewed from "Edit Label" menu of a dropdown (at Calem Designer at Admin | Data Design | Dropdown - see the menu tree in screenshot below).

Finally, log out and log back into Calem to verify a field coloring in a list view.

​The dropdown field colors used in Calem are defined in client/conf/CmConf.js. You may use the colors in Calem as a reference. The config section is: CmConf['fcolor_conf'].

Additional Resources