I have a page where I have a number of sitemap controls.  Each one may have a different background color.  For some of the sitemaps, I can use the default font, color, background hover color, etc.  For the others, I need to change different attributes.  I tried using the CssClass to override the color as well as the ForeColor attribute on the control and the nodes but alas, it did not work.  I know I can override the group css class, but that's not an option as far as I can see, it would override all of my sitemap controls.

Please advise if there is a solution to my issue.  I can supply a screenshot if that is helpful to understanding what I am trying to accomplish.

Hi Seth,

It should be simple enough to apply CSS classes to each siteMapNode. If you take a look at this demo (which is in the process of being formatted properly), you will see that each node is given a category and then given a specific css class. The only unique thing being applied to each siteMapNode is a different font color. Let's say you had a siteMapNode with category "ASPNET":

<siteMapNode title="ASP.NET AJAX Controls" category="ASPNET">

                <siteMapNode title="Description" />

                <siteMapNode title="Demos" />

                <siteMapNode title="Videos" />

</siteMapNode>

 In the code-behind you would use the 'category' variable to access specific siteMapNodes at a time. Try isolating the demo to see exactly how this is implemented.

Good luck,
Master Chief

Thanks!

Only problem I am still having is that the root node text doesn't change.  What could I be doing wrong?  I have the CssClass hardcoded to the page, I don't need it dynamic like they have it as I am not databinding...

Hello Seth,

You can use the following css class selectors in case you need to change the different color of the different level of nodes in the RadSiteMap control:

Greetings,
Kate
the Telerik team