{"id":6179,"date":"2017-08-04T18:44:13","date_gmt":"2017-08-04T13:14:13","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=6179"},"modified":"2017-08-04T18:44:13","modified_gmt":"2017-08-04T13:14:13","slug":"change-the-background-of-list-view-row-dynamically-in-resco","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2017\/08\/change-the-background-of-list-view-row-dynamically-in-resco\/","title":{"rendered":"Change the background of List Row dynamically in Resco"},"content":{"rendered":"

Introduction:<\/strong><\/h4>\n

We had a business requirement to change the background color of the List Row<\/em><\/strong> based on the status of the record i.e. change the background color of List Row to red<\/span> if the record status is inactive.<\/p>\n

Steps to change the background color of List Row:<\/strong><\/h4>\n

1<\/strong>. In Resco Woodford project, go to the Account entity > Expand it > Click on the View<\/em><\/strong>. Once you click on the view, the List of views will open as shown in the screenshot below;<\/p>\n

\"Change<\/a><\/p>\n

2<\/strong>. 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 \u2018Default\u2019<\/em><\/strong><\/p>\n

3<\/strong>. Once you open the view, the following window will open. Clone the existing row by clicking on the \u2018Clone Row\u2019<\/em><\/strong> button as seen in the screenshot below;<\/p>\n

\"Change<\/p>\n

4<\/strong>. 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;<\/p>\n

\"Change<\/p>\n

5<\/strong>. Once you have completed the above four steps, we would now need to add Row Script<\/em><\/strong> 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 \u2018Inactive Account\u2019 row else show the default row. Row Script works similar to the business rule in CRM.<\/p>\n

6<\/strong>. To add the Row Script to view, click on the \u2018Row Script\u2019<\/em><\/strong> button as seen in the screenshot below;<\/p>\n

\"Change<\/p>\n

7<\/strong>. After clicking on the \u2018Row Script\u2019<\/em><\/strong> button, the following window will open, where we have to provide the logic for switching the row based on a particular condition.<\/p>\n

\n

Note: You can add the condition as per the requirement by clicking on \u2018Add Condition\u2019 button as seen in the screenshot below.<\/em><\/strong><\/p>\n<\/blockquote>\n

\"Change<\/p>\n

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;<\/p>\n

\"Change<\/p>\n

Conclusion:<\/strong><\/p>\n

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.<\/p>\n

\"Easily<\/a><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

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\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":6178,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16,19,48],"tags":[1447],"class_list":["post-6179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamics-365","category-dynamics-crm","category-resco-mobile-crm","tag-resco-mobile-crm"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/6179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=6179"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/6179\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/6178"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=6179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=6179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=6179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}