How To Style A Menu With CSS
Apr 16, 2010
I'm in the process of styling an asp.net menu and I'm trying to understand the meaning of the StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass parameters.
My understanding is that the styles defined with these parameters are applied as CSS classes to the relevant elements, whenever needed. So I created my menu as follows:
[code]....
So as you can see, StaticMenuStyle and StaticMenuItemStyle are applied, but not StaticSelectedStyle-CssClass or StaticHoverStyle-CssClass. Not sure why. I know I can use selected but isn't the expected behavior that StaticSelectedStyle-CssClass be applied??? By using selected I make assumptions as to what .NET does behind the scenes and that's not right.
View 4 Replies
Similar Messages:
Feb 3, 2011
Currently I have a menu control on my webform in ASP.Net 4.0 :
<div class="PNMenu">
<asp:SiteMapDataSource ID="PNSiteMap" runat="server" ShowStartingNode="false" />
<asp:Menu ID="PNMainMenu" runat="server" DataSourceID="PNSiteMap" RenderingMode="List" Orientation="Horizontal" CssClass="PN-PrimaryNavMenu" >
</asp:Menu>
</div>
I am trying to style the menu control to allow the menu items to float to the right of the container, however I am unable to do so as whenever I am styling the a, ul or li it keeps getting overidded by asp.net and floats everything left.
.PNMenu
{
clear:both;
[code]...
View 5 Replies
Nov 3, 2010
CODE
<div class="navheader">
<ul class="navuseraccess">
<li><a runat="server" id="mnuAccount" href="AccountSettings.aspx">My Account</a></li>
</ul>
</div>
CSS
[code]....
What I'm trying to do is add a new listitem-anchor but want it to display beneath the existing one, and not next to it. So I'm guessing I'm going to have to move the existing one up a bit, then add a new one beneath it.
View 1 Replies
Jan 6, 2010
I am using CSS Friendly to solve the Problem of MenuControl with .NETFramework 3. When I copy the related files to the App_Browseres , the Menu style is not working. menu style is retrieve from the CSS file.
View 3 Replies
Feb 14, 2010
I want to change each items color in the asp menu control while the menu is generating dynamically from a database.
i.e. 1st item's background color is yellow and 2nd item's background color is red and so on.
View 2 Replies
Apr 5, 2010
I am using asp menu control and binding the menu items dynamically based on the screens table from the DB. here is the code how i am binding the menu from the DB.
for (int i = 0; i < dtLeftModules.Rows.Count; i++)
{
MenuItem objLeftMenuItem = new MenuItem();
objLeftMenuItem.Text = dtLeftModules.Rows[i]["Menu_Name"].ToString();
[Code]....
but when i select the menu item the page is navigated well.. but selsctedstyle is not applying.. still showing same color.
i guess the problem with ajax postback. because i have placed the menucontrol inside the updatepanel and gave the postback trigger target control id as topmenu control id. yes leftmenu is bind based on the topmenuitem click.
View 1 Replies
May 7, 2015
I did try to create menues from the database. I noted that the code only allows for top level 1 and level 2 (submenu) menu items only.I modified the code and got what I wanted. Now I have issues with formatting. The subsequent menu levels (submenus) are not well formated. how i can format the menu items using CSS?Below is the modified cosde:This code seems ok.
Private Sub PopulateMenu(dt As DataTable, parentMenuId As Integer, parentMenuItem As MenuItem)
Dim currentPage As String = Path.GetFileName(Request.Url.AbsolutePath)
For Each row As DataRow In dt.Rows
Dim menuItem As New MenuItem() With {.Value = row("MenuId").ToString(), .Text = row("Title").ToString(), .NavigateUrl = row("Url").ToString(),
[code]....
View 1 Replies
Aug 22, 2010
I want to apply a css class to the level 1 menu item (parent) when it or any or it's children are selected. I've looked at MSDN documentation and any number of examples and walkthroughs but I haven't come up with a way of managing this. I was thinking something like this might work but the style is not being applied to the parent. To further complicate matters, if I try to apply a css style to StaticSelectedStyle it doesn't pick it up at all.
Menu Markup:
<StaticSelectedStyle Font-Bold="True" ForeColor="#3333CC" />
Code Behind:
protected void MenuItemClick_NavMenu(Object sender, MenuEventArgs e)
{menuItem parentItem = e.Item.Parent;
if (parentItem != null)
{
parentItem.Selected = true;
}
View 2 Replies
Apr 16, 2010
I am using asp.net menu control with sitemap. I placed this control in master page. I want to apply style sheet for that menu control. Can any one tell how to do that.
[code]
View 3 Replies
Nov 23, 2010
I've uppgraded to version 4 of framework and notice that menucontrol is now able to render as <ul><li>, witch is perfect. But I notice that it adds a style element and set class for each node.
renderd page html
[Code]....
Is there a way to remove this so I can set my own style?
View 2 Replies
Feb 14, 2010
I need to change the background color of each menu item of asp menu control while the menu items are populate dynamically using a database. i.e. 1st menu item in black background, 2nd in green and 3rd in red and so on. If you can explain using C# it is great.
View 2 Replies
Jul 25, 2010
I've just created a Menu navigation that's linked to a SiteMapDataSource (which is in turn getting data from a .sitemap file that I've created). It looks great and acts accordingly, but my only question regarding this is there any way to just change the style (font color, in this instance) of just one element in the menu item? I just want it to stick out a little more than the rest of the menu items.
View 5 Replies
Apr 20, 2010
I have a trial version of VS2010 and created a simple out of the box ASP .Net web application. I have been playing around with the css file for the project and have yet to figure out how to effect the menu tabs.
View 2 Replies
Oct 6, 2010
Ive got an ASP:Menu in my page and want to display a background image for each item, and have that background change when the user hovers over, or selects it.
However, the UnselectedTab style applies when the page loads but then the style doesnt change on either select or hover, ...
Code in my asp.net page...
[code]...
View 6 Replies
Mar 21, 2010
My menu control is in horizotal style and i want to show it's dynamic item also in horizontal style too, by default they are vertical. Plus the arrow(Static pop-out image) to be shown vertical rather horizotal which is by default. How to do that ?
View 3 Replies
Apr 8, 2010
I need to style the asp:Menu so the navigation buttons have rounded corners.
I have a javascript-based navigation menu (not asp.net) that uses images to simulate rounded corner navigation. However, I think I have to use an asp:Menu for my asp.net 4 website instead of a static page navigation menu.
I also plan to use Dynamic Data on multiple tabbed pages.
View 5 Replies
Apr 1, 2011
My date picker has no style as in it doesnt seem to be recognising the style sheet
[Code]....
and my html
[Code]....
View 3 Replies
Apr 9, 2010
My <style> for thumbnails currently looks like this:
<style type="text/css">
img.TN {
width: 100%;
margin-bottom: 5.294%;
cursor: pointer; }
</style>
This is annoying, because I have to apply this style to every single thumbnail image individually, when there could be any number of them on the screen at any given time. All of the thumbnails are inside a single <div> that groups them together, and I'd like to apply a single style to the <div> that will push the attributes I need down to all of the the <img> elements nested inside, regardless how many thumbnails there are.
I'm using ASP.NET 2.0, and CSS 2.0
View 2 Replies
May 11, 2010
I'm trying to include script and style references that will not break on deployment, however I can not even get the references to work locally. I have tried using Url.Content() and MVCContrib's <%=Html.ScriptInclude("")%>.
My scripts are in a Scripts folder on the root of the site; my styles are in the usual Content/css/ folder.
The scripts render like this:
<script type="text/javascript" src="/Scripts/MicrosoftAjax.debug.js" ></script>
This will not work in a view page in the Views folder. What am I doing wrong and what is the best way to handle this?
I would have thought Url.Content() would at least work for styles but used in my master page, the link rendered
<link href="/Content/css/Site.css rel="stylesheet" type="text/css" />
This does not work, because the Master Page is in a Shared folder, so what is really the way forward with this?
View 2 Replies
Apr 5, 2010
Is there a way to add/delete/update the default classes (for instance AspNet-Menu-WithChildren,AspNet-Menu-NonLink ) of the html generated by the asp.net menu or treeview control? I am using CSSAdapters so the menu control renders in a list format instead of table format.
View 1 Replies
Feb 2, 2011
I have a Menu. When user clicks on the menu , I need to pass a command argument. How is that done ?
This is the code for
[code]....
View 2 Replies
Apr 24, 2015
I have placed an aspx menu control on my master page with orientation as Horizontal. Below is HTML markup.
HTML Code:
<asp:Menu ID="mnuMedChem" runat="server" Orientation="Horizontal" Width="100%" OnMenuItemClick="mnuMedChem_MenuItemClick">
<DynamicHoverStyle CssClass="DynamicHover" />
<DynamicMenuItemStyle CssClass="DynamicMenuItem" />
[Code]....
I have tried populating the menus from my database by using the
Code:
mnuMedChem.Items.Add
and
Code:
mnuMedChem.FindControl(value).ChildItems.Add
The menu items and the childs are populating correctly but then the menu is not being displayed on the menu control.
View 4 Replies
Oct 2, 2010
For the ASP.NET Menu Server Control whose RenderMode is set to "List", there is an "Orientation" property which decides whether the menu would render as a horizontal or a vertical menu. I have compared the two HTML source code and was unable to find out which part of the HTML/CSS code set the orientation of the menu(unordered list).
View 2 Replies
May 7, 2015
How to center the menuitems and highlight the selected menuitem in menu control in asp.net?
<asp:Menu ID="maspageMenu" runat="server" BackColor="#2D2D30" Width="100%" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="1.4em" Font-Strikeout="True" Font-Underline="True" ForeColor="#009933" Orientation="Horizontal" StaticSubMenuIndent="10px" BorderStyle="Groove">
<DynamicHoverStyle BackColor="#18624F" ForeColor="White" />
<DynamicMenuItemStyle BackColor="White" HorizontalPadding="5px" VerticalPadding="2px" />
<DynamicMenuStyle BackColor="White" BorderStyle="Double" />
[CODE]...
View 1 Replies
Jul 15, 2013
i have a asp menu in master page and it is populated from database.
i want if user click a link that menu link's background color should change how to do?
View 1 Replies
