Can we change the color of the section with the different colors?

ERPNext
1

Hi,
I need to change the color of the section, can we change the color of the section with the different colors?
e.g. we have two sections separate with section break first section is A and the second is B. Can we change the color of these sections?

Thankyou

2 Likes
2

Hi @Sakshi_Choudhary,

We did set on lead so please check it and apply it.

here, contact_info_tab and organization_section is the field name of section.

frappe.ui.form.on('Lead', {
    refresh: function(frm) {
        frm.fields_dict['contact_info_tab'].wrapper.css('background-color', 'antiquewhite');
        frm.fields_dict['organization_section'].wrapper.css('background-color', 'cadetblue');
    }
});

image
image1819×883 74 KB

Thank You!

16 Likes
3

Working Perfectly Thank you So much :slightly_smiling_face:

4

Hello
please
Where do we put this code exactly?

5

Hi @ese-it,

In Custom/client script.

image
image1819×631 37.3 KB

Select doctype and Apply to your according.

Thank You!

1 Like
6

@NCP somewhat unrelated question… how did you get the brand logo to show in full? any custom script implemented?

7

Hi @flexy2ky,

No,

We added a logo in Navbar Setting.

image
image1802×348 36.3 KB

Thank You!

8

Thank you My Frind

9

@NCP hey nihantra is there any way we can colour the rows of the grid in child table based on some logic. thank you in advance

10

Hi @Parth_Vashista,

Please check the syntax.

frappe.ui.form.on('DocType', {
    refresh: function(frm) {
        // select the first row in the child table
        var rows = document.getElementsByClassName("grid-row");
            for (var i = 0; i < rows.length; i++) {
              rows[i].style.backgroundColor = "cadetblue";
            }
    }
});

image
image1446×467 53.1 KB

Note: Next time, Please create a new thread for new issue.

Thank You!

1 Like
11

Noted Thank you

12

@ncp, Great Job. it works perfectly. Thanks for your contribution.