Breadcrumbs align right of menu
-
Wow, asp:Menu is a nice feature, but trying to get it to behave the way you want can be a hair pulling mind numbing experience. For the most part, finally solved all the link color overrides on the static portion of the menu, but now I've added breadcrumbs via the asp:SiteMapPath control, but the control is displaying to the right of the menu on the same line. I even added hard br's and surrounded the asp:SiteMapPath in it's own div, but still is displayed just to the right of the menu.
<form class="nt ac" id="wrapper" runat="server"> <div id="ParentMenu" class="MainMenu" runat="server" > <asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" StaticDisplayLevels="2" OnMenuItemDataBound="MyMenu_MenuItemDataBound" runat="server"> <StaticMenuItemStyle CssClass="stMenu" /> <StaticHoverStyle CssClass="stHover" /> <DynamicMenuItemStyle CssClass="dyMenuItem" /> <DynamicHoverStyle CssClass="dyHover" /> </asp:Menu> </div><br /><br /> <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /> <div class="al"> <asp:SiteMapPath ID="SiteMapPath1" CssClass="smp" runat="server" /> </div>It's almost as if the HTML code generation of the menu is not closing a div or table block. Any ideas? -
Wow, asp:Menu is a nice feature, but trying to get it to behave the way you want can be a hair pulling mind numbing experience. For the most part, finally solved all the link color overrides on the static portion of the menu, but now I've added breadcrumbs via the asp:SiteMapPath control, but the control is displaying to the right of the menu on the same line. I even added hard br's and surrounded the asp:SiteMapPath in it's own div, but still is displayed just to the right of the menu.
<form class="nt ac" id="wrapper" runat="server"> <div id="ParentMenu" class="MainMenu" runat="server" > <asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" StaticDisplayLevels="2" OnMenuItemDataBound="MyMenu_MenuItemDataBound" runat="server"> <StaticMenuItemStyle CssClass="stMenu" /> <StaticHoverStyle CssClass="stHover" /> <DynamicMenuItemStyle CssClass="dyMenuItem" /> <DynamicHoverStyle CssClass="dyHover" /> </asp:Menu> </div><br /><br /> <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /> <div class="al"> <asp:SiteMapPath ID="SiteMapPath1" CssClass="smp" runat="server" /> </div>It's almost as if the HTML code generation of the menu is not closing a div or table block. Any ideas?You may want to look at CSS Friendly Adapter[^] or override the rendering of the menu (can't remember the event off hand, onmenubind ?)
only two letters away from being an asset
-
You may want to look at CSS Friendly Adapter[^] or override the rendering of the menu (can't remember the event off hand, onmenubind ?)
only two letters away from being an asset
Mark, Thanks for the direction push. Changed the display: table; to display: block; and the breadcrumb came around, but was centered, even though in the CSS I specified text-align: left on the SiteMapPath. Change the CSS associated with the SiteMapPath to display: block; and all is well. I did try inserting extra close tags for div and table, but that had no effect. Didn't think I would have to look at the generated code as much as I did, but seems only way to really track down translation... Could be, I don't 100% understand the whole asp:Menu control yet... Anyway - off to the next hurdle...
-
Wow, asp:Menu is a nice feature, but trying to get it to behave the way you want can be a hair pulling mind numbing experience. For the most part, finally solved all the link color overrides on the static portion of the menu, but now I've added breadcrumbs via the asp:SiteMapPath control, but the control is displaying to the right of the menu on the same line. I even added hard br's and surrounded the asp:SiteMapPath in it's own div, but still is displayed just to the right of the menu.
<form class="nt ac" id="wrapper" runat="server"> <div id="ParentMenu" class="MainMenu" runat="server" > <asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" Orientation="Horizontal" StaticDisplayLevels="2" OnMenuItemDataBound="MyMenu_MenuItemDataBound" runat="server"> <StaticMenuItemStyle CssClass="stMenu" /> <StaticHoverStyle CssClass="stHover" /> <DynamicMenuItemStyle CssClass="dyMenuItem" /> <DynamicHoverStyle CssClass="dyHover" /> </asp:Menu> </div><br /><br /> <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" /> <div class="al"> <asp:SiteMapPath ID="SiteMapPath1" CssClass="smp" runat="server" /> </div>It's almost as if the HTML code generation of the menu is not closing a div or table block. Any ideas?I dont know the solution of the problem but if u need to usee css friendly adapters add .browser file in your solution and delete the code in .browser file add the following code
<!--
You can find existing browser definitions at
<windir>\Microsoft.NET\Framework\<ver>\CONFIG\Browsers
-->
<browsers>
<!----><browser refID="safari1plus">
<!----><controlAdapters>
<adapter controlType="System.Web.UI.WebControls.Menu" adapterType="" />
</controlAdapters>
</browser>
</browsers>it worked for me in the allignment of google browser