MVC Extensions Treeview is giving me a button instead of a normal node

Matt Weston 1

created 11 years ago

I have the following code in a partial view.

C#
<div class="leftPanel">  
    @Html.DevExpress().TreeView(settings => {  
    settings.Name = "LeftNavBar";  
    settings.EnableAnimation = true;  
    settings.Width = System.Web.UI.WebControls.Unit.Percentage(100);  

}).BindToXML(HttpContext.Current.Server.MapPath("~/App_Data/SideMenu.xml"), "/menu/*").GetHtml()  
</div>

My xml is as follows.

XML
<?xml version="1.0" encoding="utf-8" ?>  
<menu>  

  <group Text="Administration" ImageUrl="/Content/Images/FolderIcon.png">  
    <item Text="Role Management" NavigateUrl="/Account/ListRoles"  />  

  </group>  
  <group Text="Reporting" ImageUrl="/Content/Images/FolderIcon.png">  
    <item Text="List Reports" NavigateUrl="/Report/ListReports"  />  

  </group>  


</menu>

If I use "/Report/ListReports" in the NavigateUrl I get a button for that node. If I put anything else, I get a standard format node. Any help would be appreciated.

Comments (1)

Matt Weston 1 11 years ago

Actually, I just realized this is the behavior when you are on the page that is listed in the menu. This is the control's way of highlighting that menu option. What is the best way to just highlight the text itself instead (aka just change the color on hover?)

Answers approved by DevExpress Support

DevExpress Support Team

created 11 years ago (modified 11 years ago)

Hello Matt,
You can use the following settings to implement the required task:

CSS
.dxtv-ndHov  
{  
    background-image: none !important;  
}

C#
    @Html.DevExpress().TreeView(settings =>  
{  
    settings.Name = "LeftNavBar";  
    settings.EnableAnimation = true;  
    settings.Width = System.Web.UI.WebControls.Unit.Percentage(100);  

    settings.Styles.Node.HoverStyle.BackColor = System.Drawing.Color.Transparent;  
    settings.Styles.Node.Border.BorderColor = System.Drawing.Color.Transparent;  
    settings.Styles.Node.HoverStyle.ForeColor = System.Drawing.Color.Blue;  
}).BindToXML(HttpContext.Current.Server.MapPath("~/App_Data/SideMenu.xml"), "/menu/*").GetHtml()

Attached is the modified project. Should you have any further questions, feel free to contact us.

Q572512.zip

MVC Extensions Treeview is giving me a button instead of a normal node

Answers approved by DevExpress Support

Recently viewed tickets