Sitemap Binding

Updated on Oct 24, 2025

The PanelBar enables you to create its items by binding to an ASP.NET sitemap, which automatically generates the hierarchical structure based on the XML sitemap configuration.

To bind the PanelBar to a sitemap, follow the next steps:

1. Create a simple sitemap with a sample.sitemap file name at the root of the project.

   xml

   <?xml version="1.0" encoding="utf-8" ?>
   <siteMap>
       <siteMapNode title="Home" controller="Home" action="Overview">
       <siteMapNode title="Grid">
           <siteMapNode controller="grid" action="index" title="First Look (Razor)" area="razor"/>
           <siteMapNode controller="grid" action="index" title="First Look (ASPX)" area="aspx"/>
       </siteMapNode>
       <siteMapNode title="PanelBar">
           <siteMapNode controller="panelbar" action="index" title="First Look (Razor)" area="razor"/>
           <siteMapNode controller="panelbar" action="index" title="First Look (ASPX)" area="aspx"/>
       </siteMapNode>
       </siteMapNode>
   </siteMap>

2. Load the sitemap using the SiteMapManager.

   C#

   public ActionResult Index()
   {
       if (!SiteMapManager.SiteMaps.ContainsKey("sample"))
       {
           SiteMapManager.SiteMaps.Register<XmlSiteMap>("sample", sitmap => sitmap.LoadFrom("~/sample.sitemap"));
       }
       return View();
   }

3. Define the PanelBar and bind it to the sitemap.

   Razor

   @(Html.Kendo().PanelBar()
       .Name("panelbar") The name of the PanelBar is mandatory. It specifies the "id" attribute of the PanelBar HTML element.
       .BindTo("sample") // Bind to sitemap with name "sample".
   )

See Also

• Basic Usage of the PanelBar for ASP.NET MVC (Demo)
• Server-Side API of the PanelBar