StaticItem Template in ASP.Net Menu

Question

4.00/5 (1 vote)

See more:

Need help please....

Currently i trying to adopt a free CSS template into a masterpage in ASP.Net. I got stuck at the menu area. Let say the scenario is like this.

1. Current menu from HTML that will be replace by ASP:Menu is :

<ul>
     <li><a href="index.html"><span><span>Home</span></span></a></li>
     <li><a href="support.html"><span><span>Home</span></span><a></a></a></li>
     ...
</ul>

2. The CSS was targeted to the span so it put left pic and right pic for menu pic with these selectors in CSS:

ul li a { background:url(images/menu_left.gif) no-repeat left top; }
ul li a span { background: url(/images/menu_right.gif) no-repeat right top;}

3. Now i try to move that menu from HTML to masterpage.master and replacing it with

<asp:Menu>

using Web.sitemap. But i got the problem with the css. therefore i want to try to use the

<staticitemtemplate></staticitemtemplate>

. But i can't find the way. I try to put it in masterpage.master like this:

<staticitemtemplate>
  <ul><li><a href=""><span><span></span></span></a></li></ul>
</staticitemtemplate>

when i put it in browser and go to view the page source it become them template inside the pregenerated code of asp:menu.

<ul class="level1">
  <li><a title="Home" class="level1 selected" href="default.aspx">
    <ul><li><a href=""><span><span></span></span></a></li></ul>
  </a></li>
</ul>

That is the story. can somebody help me in this matter ?
How to arrange a proper item template for menu ?

Thank you.

Posted 16-Feb-11 20:11pm

edyzakaria

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)

edyzakaria · Answer 1 · 2011-02-16T20:49:00

ok people, i have googled from morning and finally got one that i tested become the solution. the website is : http://mail.java2s.com/Code/ASP/Components/MenutemplateC.htm[^].

I put the code inside my StaticItemTemplate like this :

<staticitemtemplate>
    <span><span><![CDATA[<%# Eval("Text") %>]]> </span></span>
</staticitemtemplate>

by that i got the html structur i need for CSS to take effect. but i come to another question. this question come to me quite long enough but don't know how to ask.

How do i know what property Eval over ? is it the same with Bind ?

thank you.