How to set field outline for readonly field

ERPNext
1

image
image725×239 10.6 KB

here the Current value is readonly field here the styling is not working.how to add outline for read only fields

2

Please check the syntax:

frappe.ui.form.on('Lead', {
    refresh: function(frm) {
        setTimeout( () => {
            set_css();
        }, 50);
    }
});

function set_css() {
    document.querySelectorAll("[data-fieldname='lead_name']").forEach(function(field) {
        let wrapper = field.querySelector('.control-input-wrapper');
        if (wrapper) {
            let readOnlyField = wrapper.querySelector('.control-value');
            if (readOnlyField) {
                readOnlyField.style.outline = '2px solid';
            }
        }
    });
}

Output:

image
image5760×1768 324 KB

Now you can set it according to the scenario.

3

is this works for dialog fields?

4

It’s difficult to set.