Search code examples
htmlcssjstree

custom jsTree css styling

I'm new to jsTree.How to apply custom css for jsTree div id like background color,node font style etc., any sample examples will be helpful

<div id="sampleTree"></div>

load jstree method

$('#sampleTree').jstree({
         'core' : {
          'data' : {
            'url' : 'ajaxurl',
            'data' : function (node) {
                var test = ["jquery", "js", "css"];
                return test;
            }
          }
        }
    });
Solution

  • since jstree is a totally javascript generated code, adding your own class would be not advisable, since adding it while the rendering time trough the jstree engine would make the system more complex. What you can do is, trace the classes in the themes/default/style.css

    and make changes in the classes. some of them are .jstree hovered, clicked and so on.