Introduction:
We had a business requirement to change the background color of the List Row based on the status of the record i.e. change the background color of List Row to red if the record status is inactive.
Steps to change the background color of List Row:
1. In Resco Woodford project, go to the Account entity > Expand it > Click on the View. Once you click on the view, the List of views will open as shown in the screenshot below;
2. Now Select and open the view where you need to change the background color of the row based on the status of the record. In this example, we have selected the ‘Default’
3. Once you open the view, the following window will open. Clone the existing row by clicking on the ‘Clone Row’ button as seen in the screenshot below;
4. After cloning the existing row of the List (View), give an appropriate name & change the color of the newly cloned row as seen in the screenshot below;
5. Once you have completed the above four steps, we would now need to add Row Script to the view. Row Script defines when the above two row are switched based on the record status. For example, in the Row script you define, if the record is inactive then show the ‘Inactive Account’ row else show the default row. Row Script works similar to the business rule in CRM.
6. To add the Row Script to view, click on the ‘Row Script’ button as seen in the screenshot below;
7. After clicking on the ‘Row Script’ button, the following window will open, where we have to provide the logic for switching the row based on a particular condition.
Note: You can add the condition as per the requirement by clicking on ‘Add Condition’ button as seen in the screenshot below.
Once you have completed all the above steps, open the Resco Mobile CRM app, sync it and then click on the account. Here you can see that the inactive account now has the red background color as seen in the screenshot below;
Conclusion:
Using Row Scripts, users can define the conditions that should be met to change the background color of the List Row automatically. This help user to identify what to focus on.
