How to color ONE menu item in asp:TreeView using asp:SiteMapSource?

Question

0.00/5 (No votes)

See more:

I have a Web.SiteMap file with several menu items in my web application, such as...

<pre lang="HTML"><pre lang="text"></pre><?xml version="1.0" encoding="utf-8" ?><br />
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" ><br />
<br />
	<siteMapNode url="Default.aspx" title="miTec"><br />
		<siteMapNode url="ATCNQWeb.aspx" title="Tec-NQ Intranet" users="*" /><br />
        <!--siteMapNode url="ActivityScheduling/Default.aspx" title="Activity Scheduling"/--><br />
		<siteMapNode url="JobRegister/Default.aspx" title="miJob Register"/><br />
		<siteMapNode url="Attendance/ClassAttendance.aspx" title="Attendance & Timetables" description="Attendance role marking, class lists and timetables"  /><br />
		<siteMapNode url="Curriculum/Default.aspx" title="Curriculum Basics" /><br />
</pre>

The file is accessed via a default.aspx file using an asp:TreeView tag with DataSource pointing to the above SiteMap file.

How is it possible to set ONE of these menu items to have a different background compared to the other menu items?

Ideally I want the miJob Register to have a Yellow background, whilst the others are all white.

Thank you

Posted 18-Jan-15 14:58pm

Fandango68

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Fandango68 · Accepted Answer · 2015-01-18T15:41:00

I've answered my own question.

In the TreeView tag, use the DataBound event to loop through the nodes, find the node you want using node.Text, and apply a SPAN tag with style="" to control formatting.

ie:

C#

protected void Tree_DataBound(object sender, EventArgs e)
{
    try
    {
        foreach (TreeNode node in TreeView1.Nodes[0].ChildNodes)
        {
            if (node.Text.Equals("miJob Register"))
            {
                node.Text = "<span style='background-color:yellow;'>miJob Register</span>";
                node.ToolTip = "This replaces the old Helpdesk system. Please use miJob Register to raise helpdesk requests as of 2015 onwards.";
                node.
            }
        }
    }
    catch { }
}

Works a treat!