Link to home
Start Free TrialLog in
Avatar of r_pat72
r_pat72

asked on

Adding a secondary navigational menu in master page in asp.net

Hi,

I have navigational menu in my master page i.e

Home | Customers |  Employee | Products  | Resources

On click of home user is navigating to home page.

On click of Customers user is navigating to Customer home page. etc

Now I want to add a secondary navigation for Resource menu ie additional two navigational menu(1.Download 2. Training) will be displayed  just below resource tab, when Resource menu will be clicked. This will be only visible only when resource tab will be clicked.

How can I add this secondary navigational menu in master page.

Please help me. This is Urgent.

Thanks!!!
 
Avatar of abeecy
abeecy

1. add a second site map entry into your web.config.

<siteMap enabled="true" defaultProvider="Provider1">
  <providers>
    <add name="Provider1" type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.3600.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" siteMapFile="~/App_Data/sitemaps/Provider1.sitemap"/>
    <add name="Provider2" type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.3600.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" siteMapFile="~/App_Data/sitemaps/Provider2.sitemap"/>
  </providers>
</siteMap>

2. on your page, add a second sitemap datasource, explicitly set the SiteMapProvider properties on them.

<asp:SiteMapDataSource ID="SiteMapDataSource1" SiteMapProvider="Provider1" runat="server" ShowStartingNode="false" />
<asp:SiteMapDataSource ID="SiteMapDataSource2" SiteMapProvider="Provider2" runat="server" ShowStartingNode="false" />

3. set your controls to use the appropriate SiteMapDataSources.

Avatar of r_pat72

ASKER

Hi,

In my application sitemap control is not used. So without sitedatamap how can i do this. Here is my code of master page.

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Main" %>
<%@ Import Namespace="NextWeb.Library" %>

<%@ Register src="~/controls/Footer.ascx" tagname="Footer" tagprefix="foot" %>
<%@ Register src="~/controls/SignIn.ascx" tagname="SignIn" tagprefix="si" %>

<%@ Register src="~/controls/TopNav.ascx" tagname="TopNav" tagprefix="tn" %>
<%@ Register src="~/controls/RolloverImage.ascx" tagname="RolloverImage" tagprefix="ri" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<title>NextWeb</title>

<link type="text/css" href="css/main.css" rel="stylesheet" />

<script type="text/javascript" src="<%=Utils.RelativeWebRoot %>js/jquery.js" language="javascript"></script>

<script type="text/javascript" src="<%=Utils.RelativeWebRoot %>js/jquery.bgiframe.min.js" language="javascript"></script>

<script type="text/javascript" src="<%=Utils.RelativeWebRoot %>js/jquery.ajaxQueue.js" language="javascript"></script>

<script type="text/javascript" src="<%=Utils.RelativeWebRoot %>js/jquery.autocomplete.js" language="javascript"></script>

<script type="text/javascript" src="<%=Utils.RelativeWebRoot %>js/main.js" language="javascript"></script>

<asp:ContentPlaceHolder id="HeadContent" runat="server">

</asp:ContentPlaceHolder>
</head>

<body>
<center>

<div id="wrapper">

 

<div id="searchDiv" style="text-align: right; z-index: 99999; position: absolute; padding-top:2px; margin-left: 740px; width: 225px;">

<form id="msviSearchForm" defaultbutton="msviGoButton" action="http://www.microsoft.com/library/toolbar/3.0/search.aspx" target="_top">

<input type="hidden" name="View" value="en-us"/>

<input type="hidden" name="charset" value="iso-8859-1"/>

<input name="qu" id="msviSearchBox" maxlength="255" type="text" value="search this site" onclick="searchClick(this)"/>

<input id="msviGoButton" type="image" runat="server" src="~/images/site/search.gif" style="vertical-align: middle; padding-top: 1px;" />

</form>

</div>
 

<form id="form1" runat="server">

<!-- Top Nav -->

<tn:TopNav ID="TopNav" runat="server" />

 

<!-- Banner -->

<div id="banner">

 

<div style="float: left; text-align: left;">

<!-- Logo -->
<a href="~/default.aspx" runat="server" id="home">

<img id="MicrosoftImg" src="~/images/site/microsoft.gif" runat="server" style="height: 25px;padding-top: 29px; padding-left: 52px;" />

</a>
 

<!-- Channels -->

<div style="margin: 5px 0px 0px 40px; white-space: nowrap; width: 650px; font-size: 10px; line-height: 1.2em;border:1px dashed;">

<ri:RolloverImage ID="RolloverImageHome" runat="server"
Alt="home" Url="~/default.aspx"

ImageUrl="~/images/site/home.gif" ImageOverUrl="~/images/site/home_on.gif"
Tooltip=""

Style="width: 69px; height: 33px" />

<ri:RolloverImage ID="RolloverImageInspiration" runat="server"
Alt="inspiration" Url="~/channel/inspiration/default.aspx"

ImageUrl="~/images/site/inspiration.gif" ImageOverUrl="~/images/site/inspiration_on.gif"
Tooltip="Industry trends, emerging technology, people and profiles, and more."

TooltipClass="tooltip_bubble_ll"

Style="width: 111px; height: 33px" />

<ri:RolloverImage ID="RolloverImageMethods" runat="server"
Alt="methods" Url="~/channel/methods/default.aspx"

ImageUrl="~/images/site/methods.gif" ImageOverUrl="~/images/site/methods_on.gif"
Tooltip="Skills used to create best-in-class interactive properties."

TooltipClass="tooltip_bubble_lr"

Style="width: 95px; height: 33px" />

<ri:RolloverImage ID="RolloverImageBusiness" runat="server"
Alt="business" Url="~/channel/business/default.aspx"

ImageUrl="~/images/site/business.gif" ImageOverUrl="~/images/site/business_on.gif"
Tooltip="Developing and utilizing business insight."

TooltipClass="tooltip_bubble_lr"

Style="width: 93px; height: 33px" />

<ri:RolloverImage ID="RolloverImageResources" runat="server"
Alt="resources" Url="~/channel/resources/default.aspx"

ImageUrl="~/images/site/resources.gif" ImageOverUrl="~/images/site/resources_on.gif"
Tooltip="Training and product information for Microsoft Web technologies."

TooltipClass="tooltip_bubble_rl"

Style="width: 99px; height: 33px" />

<ri:RolloverImage ID="RolloverImageEvents" runat="server"
Alt="events" Url="~/channel/events/default.aspx"

ImageUrl="~/images/site/events.gif" ImageOverUrl="~/images/site/events_on.gif"
Tooltip="Listings and information regarding upcoming local and national events."

TooltipClass="tooltip_bubble_rl"

Style="width: 75px; height: 33px" />

<ri:RolloverImage ID="RolloverImageBlogs" runat="server"
Alt="blogs" Url="~/channel/blogs/default.aspx"

ImageUrl="~/images/site/blogs.gif" ImageOverUrl="~/images/site/blogs_on.gif"
Tooltip="Follow the conversation about what's important from blogs across the Web."

TooltipClass="tooltip_bubble_rl"

Style="width: 70px; height: 33px" />
</div>

<!-- This is the secondary navigation section --!>

<div style="margin: 0px 0px 0px 40px; white-space: nowrap; width: 650px; font-size: 10px; line-height: 1.2em;border:1px dashed;text-align:right;">

Web Platform | Video Tutorials | downloads

</div>

</div>

 

 

<!-- Sign In -->

<div style="float: right; padding: 22px 50px 0px 0px;">

<si:SignIn ID="SignIn" runat="server" />

</div>

</div>

<!-- End Banner -->

<div style="clear: both; margin: 0px;"></div>

 

<!-- Main Content -->
<table cellpadding="0" cellspacing="0" style="width: 100%" border="0">

<tr>

<td class="left_rail">&nbsp;</td>

<td class="middle">

<asp:ContentPlaceHolder id="MainContent" runat="server">

</asp:ContentPlaceHolder>

</td>

<td class="right_rail">&nbsp;</td>

</tr>

<tr>

<td class="bg_bottom_l">&nbsp;</td>

<td class="bg_bottom">&nbsp;</td>

<td class="bg_bottom_r">&nbsp;</td>

</tr>

</table>

 

<!-- Footer -->

<foot:Footer id="Footer" runat="server" />
 

<!-- WT MT Inline v.2.0 -->

<!--
<SCRIPT TYPE="text/javascript">

var gTrackEvents=0;

var gDomain="m.webtrends.com";

var gDcsId="dcs8muh1110000wwq7so0uysl_9h7u";

var gFpc="WT_FPC";

if(document.cookie.indexOf(gFpc+"=")==-1){document.write("<SCR"+"IPT TYPE='text/javascript' SRC='"+"http"+(window.location.protocol.indexOf('https:')==0?'s':'')+"://"+gDomain+"/"+gDcsId+"/wtid.js"+"'><\/SCR"+"IPT>");}

</SCRIPT>

<SCRIPT SRC="http://js.microsoft.com/library/mnp/2/wt/js/wt.js" TYPE="text/javascript"></SCRIPT>

<NOSCRIPT>

<IMG ALT="" BORDER="0" ID="DCSIMG" WIDTH="1" HEIGHT="1" SRC="http://m.webtrends.com/dcs8muh1110000wwq7so0uysl_9h7u/njs.gif?dcsuri=/nojavascript&WT.js=No">

</NOSCRIPT>

-->

 

</form>

</div>
</center>

</body> </html>
-----------------------------------

How to show/hide Webplatforms | Video Tutorial | downloads link from master page. This will be displayed when resource link will be clicked.

Resource link is in a user control. Please see channel section for this.

Please help.

Thanks!!
ASKER CERTIFIED SOLUTION
Avatar of abeecy
abeecy

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial