[Tutorial] Tree Background highlighter

In the Chart of Accounts if you have lots of Account Heads it will make you confused. which one are you checking? To avoid that confusion we need to simply apply some CSS customization. you can use this customization for any tree.

To achieve the above feature.

hooks.py

doctype_tree_js = {
        "Account" : "public/js/account_tree.js"
}

create a file in account_tree.js in the public folder

past this code in the account_tree.js


for (let i=1; i<20; i++){
    setTimeout(function(){
        $(document).ready(function(){
            document.documentElement.style.setProperty('--fg-hover-color', '#ffdab3');
        });
    }, i*100);
}

Please Support and Like

Contact

Github : Antony-M1 · GitHub
Linkedin : Antony

7 Likes

Thanks @Antony_Praveenkumar. It’s very useful

1 Like

Awesome Work @Antony_Praveenkumar

Continue this wonderful contribution to our community.

1 Like