ASP.NET MVC Controls | ComponentOne
Working with Controls / TreeView / Work with TreeView / Styling and CSS
In This Topic
    Styling and CSS
    In This Topic

    CSS classes for the TreeView control are as follows:

    Class Description
    .wj-treeview Styles the div host element of the TreeView control.
    wj-nodelist Styles all the nodes including the selected node in the TreeView control.
    .wj-node

    .wj-node:before

    Styles all the nodes/specific nodes, except the selected node in the TreeView control.

    .wj-node .wj-node-text Styles the node text.
    .wj-node .wj-state-selected Styles the currently selected node in the TreeView control.
    .wj-node .wj-state-collapsed:before Styles the node that is in collapsed state.
    .wj-node .wj-state-collapsing:before Styles the node that is in collapsing state.
    .wj-node .wj-state-loading

    .wj-node .wj-state-loading:before
    Styles the node that is in loading state.
    .wj-node .wj-state-empty:before Styles the node that has no child nodes.
    .wj-node .wj-node-check Styles the check-box element that is displayed for every node after setting the ShowCheckboxes property to true.
    .wj-node img Styles the image of node.
    .wj-marker Styles the marker line which appears when performing the drag drop operations.

    .wj-rtl

    .wj-rtl .wj-nodelist .wj-node:before

    .wj-rtl .wj-nodelist .wj-nodelist

    .wj-rtl .wj-nodelist .wj-node.wj-state-collapsed:before

    .wj-rtl .wj-node img

    .wj-rtl .wj-node .wj-node-check

    .wj-rtl .wj-nodelist .wj-node.wj-state-collapsing:before

    Styles the Treeview control rendered in right to left direction.