Skip to content
Home » Adding and Customizing State Properties in Your Application

Adding and Customizing State Properties in Your Application

Adding and Customizing State Properties in Your Application

Enhancing your application with state properties allows for a clearer representation of progress or stages, such as tracking the status of a lead, opportunity, or any other applicable scenario.
This guide walks you through the steps of adding a State property to your application, using ” Lead Status” as an example, and customizing it with color coding for better visual management.
Step-by-Step Guide:
Start by selecting the object (e.g., Lead, Opportunity) you wish to augment with a new state property.
Select the object

Initiate Property Addition

Click the “+ New Property” button to begin the process.
Click + New Property button

Name Your Property

In the provided form, enter a name for your new property.
For this example, we’ll use “Lead Status”
Give suitable title

Choose the Property Type

Expand the property type selection by clicking the dropdown arrow and choose “State” from the list
Select property type

Enter State Values

After selecting the State option, input your first state value, such as ” New,” into the text field that appears.
Enter State Value

Add More States

Use the “+ state values” button to add additional state values as needed for your property.
Click + State Values button

After adding all the desired values, click the Create button.

Click Create Button

The property is created.

Note: Only one state type property can be created per object.

Customize with Colors

Once the property is created, navigate to the Edit property section on the left side to assign colors to each state value for visual differentiation.
Edit Property panel
Click the dropdown arrow next to a state value to access the color options.
Click dropdown next to the value

Choose the desired color for the state value.

Select desired color from the palette

Repeat the process for each state value.

Save Your Changes

After selecting colors for each state value, click the “Save” button to apply your customizations.
Click Save button

Update Your Application

To implement the new property, click the “Update App” button. 

Click Update App button

Complete the process by clicking the Confirm button.

Click the Confirm Button

Implementation

By default, the state property type is displayed as a progress bar on the detailed page of a record.
State Property Progress Bar 01
This allows for dynamic tracking of each record’s progression through different stages.
Status Progress Bar
Incorporating a State property into your application not only enhances data organization but also provides a visual representation of progression through various stages, such as Lead Status.
By following these steps, you can effectively add and customize state properties, making your application more interactive and user-friendly.