Web Forms :: How To Design And Style Menu Control
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
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
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
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
Jul 3, 2010
I got a problem with my Menu control. It is linked to a sitemapdatasource but the design looks really terrible.I'd like to make bold font when the cursor is over the control, but the problem is, that then the other elements of the menu move their positions. What I like is that every object has the same size, neither the text is long or not.
The other thing I want to do is to put "||" so, thw vertical lines between the controls. I'm sure it is not difficult to do this but it took me already half an hour. I also couldn't find any other topic for this.
Does anyone know what to do about this, or have a link where designing Menu controls is explained.
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
Feb 1, 2010
I have an asp menu can any body tell me that how can create menu design as in picture.
View 5 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
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
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
Feb 20, 2010
I'm trying to figure out a logical and quick way to implement the "PRG" design style in a small site I'm doing, and I'm finding an issue I can't think of a good way to solve.I have a form. It has 2 fields (first and last name). When the user submits the form, I check to make sure that they have data in them before I save it to the database. If they do not, then I show them a nice little error message and leave what little they have entered still in the form.However, in order to correctly implement PRG, as I understand it
View 1 Replies
Apr 15, 2010
I am using a style sheet linked to a master pageThere are many styles on the css page that are working and have been working for quite some time on the master pageI can't put any new text inside a <div> tag on the master page and then create a style for it - the style does not get appliedThey style does get applied in design view but not in the browder when I run the website
View 1 Replies
Feb 6, 2010
i need to design a menu for my webpage like the above one with ASP.NET LISTVIEW control..
can anybody help me with the CSS..
View 1 Replies
Feb 8, 2010
How to design like microsoft like[URL]
View 1 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
Apr 27, 2010
I have asp.net web site which has master page ajax and css file....
I have change masterpage and change master page reference in each page to new masterpage name. then i open aspx page and open in design view no problem i can see new lay out colours and images, when i right click on file name and click on view on browser page open in IE but not images no styles. try on Firefox same problem.
View 9 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 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
Mar 16, 2010
I have a webapp with a Masterpage and 4 or so content pages. I have created a theme folder with a style sheet. I put the <pages theme="Default" in the web.config. When I run the app all the styles in the style sheet apply and it looks great. But design view does not apply the styles from my theme. Design view does not use the web.config setting or something. How do I get design view to apply the theme styles.
View 2 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
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
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
