New to Telerik UI for ASP.NET MVCStart a free 30-day trial

Sitemap Binding

The PanelBar enables you to create its items by setting a sitemap.

  1. Make sure you followed all the steps from the introductory article on Telerik UI for ASP.NET MVC.

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

    Razor
     <?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>
  3. Load the sitemap using the SiteMapManager.

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

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

See Also

In this article
See Also
Not finding the help you need?
Contact Support