nested repeater menu

I would like to have a horizontal nested repeater menu , using a few day still didn't success, please help.

vertical structure data as below example Home
               FieldA - FieldA1
                          - FieldA2
               FieldB - FieldB1
               FieldC - FieldC1
                          - FieldC2
                          - FieldC3

now i want showstarting node=false, instance using FieldA as root url="~/", Home have no url.

the result i want is like www.templatemonster.com menu

please help with code and css
john8098Asked:
Who is Participating?
 
aibusinesssolutionsConnect With a Mentor Commented:
Not if you use the CSS Friendly adapter.

http://www.codeplex.com/cssfriendly/Release/ProjectReleases.aspx?ReleaseId=2159

It generates this for your menu:
<div class="AspNet-Menu-Horizontal">
    <ul class="AspNet-Menu">
        <li class="AspNet-Menu-TopLevel-register">
              <a href="/Register.aspx">REGISTER</a>
        </li>
        <li class="AspNet-Menu-TopLevel-news">
              <a href="/News.aspx">NEWS</a>
        </li>
        <li class="AspNet-Menu-TopLevel-about-Selected">
            <a href="/About.aspx">ABOUT</a>
        </li>
    </ul>
</div>

Open in new window

0
 
aibusinesssolutionsCommented:
Have you tried using the built in Menu control with asp.net?

<asp:Menu ID="Menu1" runat="server"></asp:Menu>

You can use an XML file or a SiteMap file as a datasource for it, there is also a SQL datasource adapter somewhere if you need dynamic menus.

It does all the javascript for you, you just use CSS to format it.
0
 
john8098Author Commented:
aspnet menu generate table, what is i dun want to use it?
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
john8098Author Commented:
CSS Friendly adapter compatible in safari , firefox , ie ?
0
 
aibusinesssolutionsCommented:
Yes, it's cross browser compliant.

Here is an example of it in use: http://www.asp.net/CSSAdapters/Menu.aspx
0
 
john8098Author Commented:
i used to be using nested repeater bound to sitemapdatasource. now i try this.
0
 
john8098Author Commented:
i try nested repeater, any expert guru can give me the css code to resultstructure like www.templatemonster.com 

<asp:Repeater ID="mnuheader1" runat="server" DataSourceID="SiteMapDataSource1" EnableViewState="false" >
                           
                            <HeaderTemplate><ul></HeaderTemplate>
                            <ItemTemplate><li><a href="<%# Eval("url") %>" title="<%# Eval("description") %>">
                                    <%# Eval("title") %></a></li>
                                <asp:Repeater ID="mnuheader2" runat="server" DataSource='<%# CType(Container.DataItem, SiteMapNode).ChildNodes %>' EnableViewState="false" >
                                    <HeaderTemplate></HeaderTemplate>
                                    <ItemTemplate><li><a href="<%# Eval("url") %>" title="<%# Eval("description") %>">
                                    <%# Eval("title") %></a></li>
                                <asp:Repeater ID="mnuheader3" runat="server" DataSource='<%# CType(Container.DataItem, SiteMapNode).ChildNodes %>' EnableViewState="false" >
                                        <HeaderTemplate><ul></HeaderTemplate>
                                        <ItemTemplate><li><a href="<%# Eval("url") %>" title="<%# Eval("description") %>">
                                            <%# Eval("title") %></a></li>
                                        </ItemTemplate>
                                        <FooterTemplate></ul></FooterTemplate>
                                </asp:Repeater>
                                </ItemTemplate>
                                    <FooterTemplate></FooterTemplate>
                                </asp:Repeater>                
                            </ItemTemplate>
                            <FooterTemplate></ul></FooterTemplate>
                        </asp:Repeater>
0
 
john8098Author Commented:
force accept.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.