Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


By design, the DevExpress Style, Metropolis, Metropolis Blue, Moderno, iOS, Material, Material Compact, Office 365, Office 365 Dark, Mulberry, Office 2010 Blue, Office 2010 Black, Office 2010 Silver themes do not display tree lines. Switch to a different theme to view and manipulate tree line setting in this demo.
  • Collapse
    • Expand
      • For Developers
      • Website news
    • Our Mission
    • Our Customers
  • Collapse
    • Subscriptions / Packs
    • .NET Windows Forms Components
    • Reporting / Printing Suites
    • ASP.NET WebForms Components
    • ASP.NET MVC Extensions
  • Collapse
    • Knowledge Base
    • Documentation
    • Support Center
    • Newsgroups
    • Best Practicies
Apply Changes

This demo illustrates the key features of the DevExpress MVC TreeView. Use the options in the right panel to change values of corresponding TreeView settings and view result of your changes within the TreeView.

Property Descriptions:

  • AllowSelectNode - Activates node selection. If this option is enabled, clicking a node selects it. Only one node can be selected at a time.
  • EnableAnimation - Specifies whether nodes are expanded/collapsed with animation effects.
  • EnableHotTrack - Specifies whether nodes are hot-tracked when the mouse pointer is positioned over them.
  • ShowTreeLines - Toggles tree line visbility.
  • ShowExpandButtons - Toggles the visibility of expand buttons. End-users can always expand or collapse nodes by double-clicking them.
  • AllowCheckNodes - Specifies whether end-users can check nodes using corresponding check boxes. Disabling thgis option hides check boxes.
  • CheckNodesRecursive - If node checking is enabled, use this option to allow end-users to recursively check nodes. In this mode, checking a node automatically checks all its immediate child nodes and vice versa.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos