[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Site Map Control
   [Expand]Tag Cloud Control
   [Expand]Title Index
   [Expand]Tree View
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Site Map Control

The DevExpress ASP.NET controls include two individual components - ASPxSiteMapControl and ASPxSiteMapDataSource allowing you to maintain site maps.

The ASPxSiteMapControl adds an advanced site map generation engine to your development arsenal. It gives you what you would expect from a site map control and much more. As you would expect, it lets you read an XML site map and visualize it using numerous automatic link arrangement options. It offers you advanced style customization mechanisms and even node templates, so you can display anything you like within a site map node - from page descriptions to images.

The ASPxSiteMapDataSource is a unique data source component which extends the standard data source to make it much easier to customize the structure of your site map. With this component you don't even need to have an XML site map file. It enables you to build your site map automatically, based on the structure of your current site. Along with automatic site map generation, you can easily customize the site map manually - simply drag pages from the site structure tree view to the site map. You can create your own nodes manually, or delete individual nodes directly in the designer - everything's under your total control.

This topic lists the features that are unique to the site maps controls.

Expanded Control Features

  • You can bind the ASPxSiteMapControl to a data source so that node data is retrieved from an XML file or a database table. Note that there is a SiteMapDataSource standard component that allows you to supply a site's structure to the site map control.
  • The ASPxSiteMapControl ships with the ASPxSiteMapDataSource component that provides advanced data binding capabilities. Using this component, you can automatically retrieve the current site structure, customize the node tree manually or use these approaches together.
  • The ASPxSiteMapControl can automatically break data into the specified number of columns. You can also set the start node and appearance settings for each individual column.
  • Templates can be specified for all site map nodes at once, or for nodes at each particular level. You can also specify templates for column separators.
  • You can change the appearance of each element in each state either directly via properties, or by assigning a CSS class.
  • Individual appearance settings are available for each column and each hierarchy level.
  • Several themes are available so you can quickly apply a design to your site map with just a couple of mouse clicks.

Expanded Visual Elements

The following visual elements are available in the ASPxSiteMapControl.

  • Node
  • Node Image
  • Node Level
  • Column
  • Column Separator

Is this topic helpful?​​​​​​​