Customer experience | Sales, Customer Insights,...

change color List view (grid) with condition

(0) Share

Report

Posted on by Community Member

Hi All,

I'm trying to change row color of my list view (grid) by condition.

Any idea please?

All responses (13)

Answers (0)

Suggested answer

CU13072322-0 on at

Like (0)

Report
change color List view (grid) with condition

Hi, did you try Color Grid for Microsoft Dynamics 365, this is highly configurable solution, and you can apply almost any data conditions very similar we have in advanced find.

Key Features include:

Any cell and row level colors.

Advanced find type conditions.

Font formatting

Conditional emojis in cell

https://msdynamicsconsulting.com/products/colorgrid
Arslan001 60 on at

Like (0)

Report

RE: change color List view (grid) with condition

Dallen

Hello Dallen.

I am looking to research and experiment with Scripts that would accomplish this on both CRM Views and CRM Dashboards. Have you been able to successfully implement this in Sandbox or Production? I would appreciate any help and direction on this.

Thank you and Best Regards,

Arslan
Dallen 5 on at

Like (0)

Report

RE: change color List view (grid) with condition

1. get rowid

2. get the row element

3. set the css

var str = JSON.parse(rowData);

var rowId = str.RowId;

$("div[row-id='"+rowId+"']").css("background-color","green");

$("div[row-id='"+rowId+"'] div span").css("color","white");
Arslan001 60 on at

Like (0)

Report

RE: change color List view (grid) with condition

Hey Phuoc. I am interested in implementing this for our organization? just curious about how and why it is unsupported solution?

Regards, Arslan
Community Member on at

Like (0)

Report

RE: change color List view (grid) with condition

thank you Samira,

but, when i implement your code the first choice disappeared from the list.

maybe here i have a problem in the name of 'tr'.

haw can i find it?
Suggested answer

SamiraM 587 on at

Like (0)

Report

RE: change color List view (grid) with condition

Check My JS below:

function showEventStatusNew(rowData, userLCID) {

debugger;

if (rowData == null || rowData == 'undefined') return;

// read rowdata

var str = JSON.parse(rowData);

var coldata = str.new_statoevento_Value;

var rowId = str.RowId;

var opened = str.new_opened_Value;

if (coldata == null || coldata == 'undefined' || coldata.length < 1) return;

if (!opened) {

switch (coldata) {

case 2:

$("tr[oid='" + rowId + "']").css('fontWeight', 'bold');

// $('span:contains("Attivo")').parent().parent().css('fontWeight', 'bold');

break;

case 0:

$("tr[oid='" + rowId + "']").css('fontWeight', 'bold');

break;

default:

break;

}

}

}
Suggested answer

Community Member on at

Like (0)

Report

RE: change color List view (grid) with condition

Hi,

This is not supported solution to change the row color in Grid.

try this solution: docs.microsoft.com/.../display-custom-icons-instead
meelamri 13,216 User Group Leader on at

Like (0)

Report

RE: change color List view (grid) with condition

I agree that this may work. However, this approach is not supported. Indeed, according to Microsoft, DOM manipulation is not supported.
Community Member on at

Like (1)

Report

RE: change color List view (grid) with condition

Hi Mehdi,

the best solution is with Js.

@samira Mirza gave me an good link. but just i don't know how to find the 'td' in the JS proposed.

arpitmscrmhunt.blogspot.com/.../dynamics-crm-dynamically-change-row.html
Suggested answer

meelamri 13,216 User Group Leader on at

Like (0)

Report

RE: change color List view (grid) with condition

Hi,

I don't think there is a supported way to implement your scenario. I suggest you look for or implement a PCF Control that meets your needs.

Another approach would be to use custom icons on one of the columns of your grid. Indeed, this approach is supported..you can find the details of the implementation here: docs.microsoft.com/.../display-custom-icons-instead