Home ›
ASP.NET Forums » General ASP.NET » Master Pages, Themes and Navigation Controls » problems using submenu

problems using submenu

Last post 05-12-2008 5:00 AM by basquepower. 10 replies.

Sort Posts:

  • problems using submenu

    05-05-2008, 11:17 AM

    Hello,

    I´ll try to explain my problem as fast as possible.

    I´ve got a main menu with 2 taps: TapA and TapB. TapB has a submenu with another 4 taps. TapB1, TapB2, TapB3 and TapB4.

    When I choose TapB1 I have a button and 2 checkboxes (easy). I choose any of these checkbox and I press button. Then it will open me a new page where I will show a table but I don´t know why the submenu dissapears.

    One more question. At the beginning if I choose TapB1, this tap and its submenu keeps as backColor the same colour. When I choose TapB2 for example, the backColor of main menu (TapB) dissapears as well.

     In caseof any problem with understanding, I´ll write it again (clearly if I can).

    Thanks.
     

  • Re: problems using submenu

    05-06-2008, 11:59 PM

    Hi,

    Do you use the ASP.Net Menu Control?

    It is so hard to guess what caused your problem, so we hope you could post your code here, then we hope we can repro your problem on our local as possible as we can, which will help us to help you.

    Please remember to mark the replies as answers if they help and unmark them if they provide no help.


    Yours sincerely,
    Amanda Wang
    Microsoft Online Community Support

  • Re: problems using submenu

    05-07-2008, 2:32 AM

    Thanks. I´ll write you what I think is the most important:

    In MasterPage:

    <div id="mainnav">

    <asp:SiteMapDataSource runat="server" ID="sitemap"/>

    <asp:Menu DataSourceID="sitemap" ID="mainmenu" SkinID="mainmenu" runat="server" />

    </div>

    <div id="subnav">

    <asp:SiteMapDataSource runat="server" ID="subnavSitemap" StartingNodeOffset="1" StartFromCurrentNode="false" ShowStartingNode="false" />

    <asp:Menu runat="server" ID="subMenu" SkinID="subMenu" DataSourceID="subnavSitemap" />

    </div>

     

    Configuration for menus in .Skin file:

    <%-- Main menu --%>

    <asp:Menu SkinID="mainmenu" Orientation="Horizontal" runat="server" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="0">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    <%-- Submenu --%>

    <asp:Menu runat="server" SkinID="subMenu" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" StaticSubMenuIndent="20">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    And in Stylesheet.css file:

    #mainnav {

    padding:0 0;

    border-spacing:0px;

    border-bottom:0px solid #FFFFFF;

    border-top:0px solid orange;

    border-bottom:0px solid orange;

    background-color:white;

    }

    * html #mainnav tr {height:1.5em;}

    #mainnav .item

    {

    font-size:1.2em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px;

    border-style:solid;

    border-color:#ffcc00;

    background-color:White;/*#DADADA*/

    color:#333333;

    }

    * html #mainnav .item {padding:0 0px;}

    #mainnav .selected

    {

    font-size:1.2em;

    background-color:#d1dded;

    color:black;

    border-bottom:0px;

    }

    #mainnav .hover

    {

    font-size:1.2em;

    color:blue;

    background-color:#DADADA;

    }

    #mainnav table {border-right:0px solid #FFFFFF;}

    #mainnav table table {border-right:none;}

    #subnav

    {

    padding:0 0;

    border-spacing:3px;

    border-top:0px solid orange;

    border-bottom:1px solid orange;

    background-color:#d1dded;

    }

    * html #subnav tr {height:1.4em;}

    #subnav .item

    {

    font-size:1.0em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px;

    border-style:solid;

    border-color:#ffcc00;

    background-color:#d1dded;/*#FF9900*/

    color:black;/*#FFFFFF*/

    font-style:italic;

    }

    * html #subnav .item {padding:0 20px;}

    #subnav .selected {

    background-color:#FF9900;

    color:#FFFFFF;

    }

    #subnav .hover {

    color:#FF284E;

    background-color:#E4E4E4;

    }

    #subnav table {border-bottom:1px solid #FFFFFF;}

    #subnav table table {border-bottom:none;}

     

    In case of any problem just tell me please.

    Thank you.

  • Re: problems using submenu

    05-07-2008, 2:32 AM

    Thanks. I´ll write you what I think is the most important:

    In MasterPage:

    <div id="mainnav">

    <asp:SiteMapDataSource runat="server" ID="sitemap"/>

    <asp:Menu DataSourceID="sitemap" ID="mainmenu" SkinID="mainmenu" runat="server" />

    </div>

    <div id="subnav"> <asp:SiteMapDataSource runat="server" ID="subnavSitemap" StartingNodeOffset="1" StartFromCurrentNode="false" ShowStartingNode="false" />

    <asp:Menu runat="server" ID="subMenu" SkinID="subMenu" DataSourceID="subnavSitemap" />

    </div>

     

    Configuration for menus in .Skin file:

    <%-- Main menu --%>

    <asp:Menu SkinID="mainmenu" Orientation="Horizontal" runat="server" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="0">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    <%-- Submenu --%>

    <asp:Menu runat="server" SkinID="subMenu" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" StaticSubMenuIndent="20">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    And in Stylesheet.css file:

    #mainnav {

    padding:0 0;

    border-spacing:0px;

    border-bottom:0px solid #FFFFFF;

    border-top:0px solid orange;

    border-bottom:0px solid orange;

    background-color:white;

    }

    * html #mainnav tr {height:1.5em;}

    #mainnav .item

    {

    font-size:1.2em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px;

    border-style:solid;

    border-color:#ffcc00;

    background-color:White;/*#DADADA*/

    color:#333333;

    }

    * html #mainnav .item {padding:0 0px;}

    #mainnav .selected

    {

    font-size:1.2em;

    background-color:#d1dded;

    color:black;

    border-bottom:0px;

    }

    #mainnav .hover

    {

    font-size:1.2em;

    color:blue;

    background-color:#DADADA;

    }

    #mainnav table {border-right:0px solid #FFFFFF;}

    #mainnav table table {border-right:none;}

    #subnav

    {

    padding:0 0;

    border-spacing:3px;

    border-top:0px solid orange; border-bottom:1px solid orange;

    background-color:#d1dded;

    }

    * html #subnav tr {height:1.4em;}

    #subnav .item

    {

    font-size:1.0em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px; border-style:solid;

    border-color:#ffcc00;

    background-color:#d1dded;/*#FF9900*/

    color:black;/*#FFFFFF*/

    font-style:italic;

    }

    * html #subnav .item {padding:0 20px;}

    #subnav .selected {

    background-color:#FF9900;

    color:#FFFFFF;

    }

    #subnav .hover {

    color:#FF284E;

    background-color:#E4E4E4;

    }

    #subnav table {border-bottom:1px solid #FFFFFF;}

    #subnav table table {border-bottom:none;}

     

    In case of any problem just tell me please.

    Thank you.

  • Re: problems using submenu

    05-07-2008, 2:32 AM

    Thanks. I´ll write you what I think is the most important:

    In MasterPage:

    <div id="mainnav">

    <asp:SiteMapDataSource runat="server" ID="sitemap"/>

    <asp:Menu DataSourceID="sitemap" ID="mainmenu" SkinID="mainmenu" runat="server" />

    </div>

    <div id="subnav"> <asp:SiteMapDataSource runat="server" ID="subnavSitemap" StartingNodeOffset="1" StartFromCurrentNode="false" ShowStartingNode="false" />

    <asp:Menu runat="server" ID="subMenu" SkinID="subMenu" DataSourceID="subnavSitemap" />

    </div>

     

    Configuration for menus in .Skin file:

    <%-- Main menu --%>

    <asp:Menu SkinID="mainmenu" Orientation="Horizontal" runat="server" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="0">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    <%-- Submenu --%>

    <asp:Menu runat="server" SkinID="subMenu" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" StaticSubMenuIndent="20">

    <StaticMenuStyle BackColor="Transparent" />

    <StaticMenuItemStyle CssClass="item" ItemSpacing="5" />

    <StaticHoverStyle CssClass="hover" />

    <StaticSelectedStyle CssClass="selected" />

    </asp:Menu>

     

    And in Stylesheet.css file:

    #mainnav {

    padding:0 0;

    border-spacing:0px;

    border-bottom:0px solid #FFFFFF;

    border-top:0px solid orange;

    border-bottom:0px solid orange;

    background-color:white;

    }

    * html #mainnav tr {height:1.5em;}

    #mainnav .item

    {

    font-size:1.2em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px;

    border-style:solid;

    border-color:#ffcc00;

    background-color:White;/*#DADADA*/

    color:#333333;

    }

    * html #mainnav .item {padding:0 0px;}

    #mainnav .selected

    {

    font-size:1.2em;

    background-color:#d1dded;

    color:black;

    border-bottom:0px;

    }

    #mainnav .hover

    {

    font-size:1.2em;

    color:blue;

    background-color:#DADADA;

    }

    #mainnav table {border-right:0px solid #FFFFFF;}

    #mainnav table table {border-right:none;}

    #subnav

    {

    padding:0 0;

    border-spacing:3px;

    border-top:0px solid orange; border-bottom:1px solid orange;

    background-color:#d1dded;

    }

    * html #subnav tr {height:1.4em;}

    #subnav .item

    {

    font-size:1.0em;

    padding:0px 0px;

    border-width:0px 0px 0px 0px; border-style:solid;

    border-color:#ffcc00;

    background-color:#d1dded;/*#FF9900*/

    color:black;/*#FFFFFF*/

    font-style:italic;

    }

    * html #subnav .item {padding:0 20px;}

    #subnav .selected {

    background-color:#FF9900;

    color:#FFFFFF;

    }

    #subnav .hover {

    color:#FF284E;

    background-color:#E4E4E4;

    }

    #subnav table {border-bottom:1px solid #FFFFFF;}

    #subnav table table {border-bottom:none;}

     

    In case of any problem just tell me please.

    Thank you.

  • Re: problems using submenu

    05-07-2008, 2:32 AM

    Thanks. I´ll write you what I think is the most important:

    In MasterPage:

    <div id="mainnav">

    <asp:SiteMapDataSource runat="server" ID="sitemap"/>

    <asp:Menu DataSourceID="sitemap" ID="mainmenu" SkinID="mainmenu" runat="server" />

    </div>

    <div id="subnav"> <asp:SiteMapDataSource runat="server" ID="subnavSitemap" StartingNodeOffset="1" StartFromCurrentNode="false" ShowStartingNode="false" />

    <asp:Menu runat="server" ID="subMenu"