I want to change the List view row color

Frappe Framework
, ,
1

I’m trying to change the list view color like even odd,try both methods using the client script and custom app but still its not applying on list.can any one help me how i can do this

2

@ibashirbwn write a client script on list and try this code :

$(".list-row-container").each(function(i,onj){
    if (i%2==0){
    $(this).css('background-color', 'gray');
    }
})
3 Likes
3

Does not work

4

image
image1079×568 14.3 KB

I also have tried but did not worked
@bahaou

Thank you

5
6

Screenshot from 2024-04-21 13-42-15
Screenshot from 2024-04-21 13-42-15866×153 17.1 KB

 refresh:function(listview){
       
        $(".list-row-container").each(function(i,onj){
            if (i%2==0){
            $(this).css('background-color', 'green');
            }
        })
        listview.refresh();
    }
1 Like
7

Any hint/suggestion for condition based on a value from the document/row?

For instance, if the document has (checkbox field: Warning → TRUE) then highlight.

8

refresh: function(listview) {
$(“.list-row-container”).each(function() {
var warning = $(this).find(‘.filterable[data-filter=“warning,=,1”]’).length > 0;

    if (warning) {
        $(this).css('background-color', 'red');
    } 
});

listview.refresh();

}

1 Like