RadTreeView for ASP.NET
Contents
Using Css Classes Send comments on this topic.
See Also
Controlling the visual appearance > Using Css Classes

Glossary Item Box

You can edit the appearance of the TreeNodes by:

  • Editing the Css styles set by the skin.

    To do this you should edit the Styles.css file used by the skin. In the Styles.css file you can find all the CSS styles used by the skin:

      Copy Code
    .TreeNode
    {
    ...
    }

    .TreeNodeOver
    {
    ...
    }

    .TreeNodeSelect
    {
    ...
    }

    .TreeNodeDisabled
    {
    ...
    }

    .TreeNodeEdit
    {
    ...
    }

    .LoadingMessage
    {
    ...
    }

    .TreeContextItem
    {
    ...
    }

    .TreeContextItemOver
    {
    ...
    }
                    

    All the styles described above set the style to the TreeNodes according to the nodes' state:

    • TreeNode - sets the style of the TreeNodes
    • TreeNodeOver - sets the style of the nodes when the mouse is over them
    • TreeNodeSelect - sets the style of the selected nodes
    • TreeNodeDisabled - sets the style of the disabled nodes
    • TreeNodeEdit - sets the style of the nodes that are in edit mode
    • LoadingMessage - sets the style of the loading message, when using ExpandMode.ServerSideCallBack
    • TreeContextItem - sets the style of the context-menu items
    • TreeContextItemOver - sets the style of the context-menu items when the mouse is over them
  • Using the CssClass, CssClassOver, CssClassSelect properties of the RadTreeNode class
    • CssClass - sets the style of the TreeNode
    • CssClassOver - sets the style applied to the TreeNode when the mouse is over it
    • CssClassSelect - sets the style that is applied if the node is selected

      You can set these properties to any of the styles defined in the Styles.css file of the skin or you can include (in your project) another css file that contains the styles used by the properties.

 

See Also