asp:menuitembinding using images

  • Thread starter Thread starter Frenchie
  • Start date Start date
F

Frenchie

Hi,

I have created a very neet menu from an example found on the MSDN
library at:
http://msdn2.microsoft.com/en-us/li...ebcontrols.menuitembinding.imageurlfield.aspx

My ASP:MENU uses images to create the buttons. Unfortunately, I can't
get the buttons to link to pages. Also I can't remove the "sitemap"
from the left of my menu.

here is the code I use on my .aspx page:

<asp:menu id="NavigationMenu"
datasourceid="MenuSource"
runat="server"
Orientation="horizontal"
StaticDisplayLevels="3"
StaticEnableDefaultPopOutImage="false"
StaticSubMenuIndent="0px"
StaticMenuItemStyle-ItemSpacing="0"
MaximumDynamicDisplayLevels="1">

<DataBindings>

<asp:MenuItemBinding datamember="siteMapNode"
formatstring="<{0}>"
textfield="Title"
valuefield="Description"
imageurlfield="ImageUrl"
tooltipfield="ToolTip"
/>

<asp:menuitembinding datamember="siteMapNode"
formatstring="<{0}>"
depth="1"
textfield="Title"
valuefield="Description"
imageurlfield="ImageUrl"
tooltipfield="ToolTip"
/>

<asp:menuitembinding datamember="siteMapNode"
formatstring="<{0}>"
depth="2"
textfield="Title"
valuefield="Description"
imageurlfield="ImageUrl"
tooltipfield="ToolTip"
/>

</DataBindings>

</asp:menu>

<asp:xmldatasource id="MenuSource"
datafile="Web2.sitemap"
runat="server"/>

And here is the code for the Web2.sitemap:

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

<siteMapNode ImageUrl="~\Images\homebutton.gif"
Title="Home"
Description="Home Page"
ToolTip="Home Page"
url="Default.aspx">

<siteMapNode ImageUrl="~\Images\historybutton.gif"
Title="History"
Description="History Page"
ToolTip="History"
url="History.aspx"/>

<siteMapNode ImageUrl="~\Images\wwdbutton.gif"
Title="What We Do"
Description="What We Do Page"
ToolTip="What We Do"
url="WhatWeDo.aspx"/>

<siteMapNode ImageUrl="~\Images\pasbutton.gif"
Title="Products and Services"
Description="Products and Services Page"
ToolTip="Products and Services">

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Ski"
Description="Ski Tickets Page"
ToolTip="Ski"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Parking"
Description="Drama Section"
ToolTip="Parking"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Redemption"
Description="Musical Section"
ToolTip="Redemption"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Sheet"
Description="Musical Section"
ToolTip="Sheet"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Tyvek"
Description="Musical Section"
ToolTip="Tyvek"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Transit"
Description="Musical Section"
ToolTip="Transit"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Labels"
Description="Musical Section"
ToolTip="Labels"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Tags"
Description="Musical Section"
ToolTip="Tags"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Lumber"
Description="Musical Section"
ToolTip="Lumber"
navigateurl="~\Lumber.aspx"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Thermal"
Description="Musical Section"
ToolTip="Thermal"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Roll"
Description="Musical Section"
ToolTip="Roll"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
title="Stock"
Description="Musical Section"
ToolTip="Stock"/>

<siteMapNode ImageUrl="~\Images\button.jpg"
Title="Finished Goods"
Description="Musical Section"
ToolTip="Finished Goods"/>

</siteMapNode>

<siteMapNode ImageUrl="~\Images\gsbutton.gif"
Title="Getting Started"
Description="Movies Category"
ToolTip="Getting Started"/>

<siteMapNode ImageUrl="~\Images\contactbutton.gif"
Title="Contact"
Description="Movies Category"
ToolTip="Contact">


</siteMapNode>

</siteMapNode>

</siteMap>


Can anyone help with this?
I would really like to get this working.
Thanks in advance for the help.
 
Back
Top