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


This sample demonstrates the use of the template technology found in the ASPxSiteMapControl. Template types available in the site map control provide powerful means by which to transform the control's layout, define non-typical styles for the control's elements and supply the control with specific visual effects.

This demo represents the products section of a site. Each product can have one of the three following states at any point in time - "new", "update", "coming soon".

In order to define a product's type, the type attribute is created in the "~/App_Data/SiteMap/Products.sitemap", as follows:

<siteMapNode ... type="update" />

The ASPxSiteMapControl's NodeTemplate is defined in aspx code so that the representation of the ASPxSiteMapControl can change based on the obtained value of the created type attribute. (See ASPX code)

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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos