Conditional Formatting the Record List
Contents
Overview
This article introduces how to apply conditional formatting to Kintone's Record List. Colors of the fields' text and background will be colored when they hold certain values.
Prepare the App
Create an App named "Customer Database" with the following fields.
Field Type | Field Name | Field Code | Options |
---|---|---|---|
User selection | Representative | rep | -- |
Date | First Contact | first_contact | -- |
Drop-down | Lead Status | lead_status | Set the following options:
|
Text | Company | company | -- |
Drop-down | Industry | industry | Set the following options:
|
Add a few records into the App. Make sure to include some records with the Lead Status set as Fresh and Quote Approved.
Sample code
Type the following code into a text editor and save it as a JavaScript file. Upload it to the App's JavaScript and CSS Customization settings .
|
|
After saving the settings and clicking on Update App, navigate to the Record list page. Fields with the Lead Status set as Fresh will have red text and yellow background. Fields with the Lead Status set as Quote Approved will have blue text and the default background.