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.
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 RepliesI'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 RepliesI 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;
}
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 RepliesI 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 RepliesI am trying to show the user of my application that when they click on a menu item that their selection gets shown by changing the background color of that menu item
I am using the default menu that comes with asp and is contained in the site master. the default CSS for the menu has a hover and active properties but only the hover works.
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]...
We have to develop an application which has a Vertical left pane menu control which displays all the web pages (A,B,C say). Now if user is in page A and filled some data and clicks on menu control to go to page B, all the data in page A needs to be saved. Also if all the required field in page A are not filled and user navigated to page B, there will be one ! sign after the menu so that user can understand that there some some more fields need to be filled up.
We are planning to place the menu control in the Mater page. Please give me some direction to do this. My question is:
1. If user change menu (In Master Page), how should we save data?
2. How should we display the ! in the menu control?
I have dropdown menu item ("pin this site") that i need to hide it or hide menu item itself ("My Network").
When I saw viewsource on page, I got below code.
<a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3
ms-topnavselected zz1_TopNavigationMenu_9" href="http://mynetworkqa.spe.org"
style="border-style:none;font-size:1em;">My Network</a>
<a class="zz1_TopNavigationMenu_1 ms-topNavFlyOuts zz1_TopNavigationMenu_6"
href="javascript:__doPostBack(,
'ctl00$PlaceHolderTopNavBar$PlaceHolderHorizontalNav$topSiteMap''Pin')"
style="border-style:none;font-size:1em;">Pin this site</a>
How can I hide menu item?
I am need to build a menu and each item of the menu has an image as background knowing that i depend on sitemap to build the menu i used
[Code]....
where menuitem is in a css sheet
[Code]....
it display the image but in the wrong place?
i have a menu which is collapses as a default. This is done by following query.
[Code]....
Now, the problem is, whenever i click on any menu item by expanding the menu, the item page opens but the menu collapses again. I want to let the menu remain as expanded although a menu item is clicked. i.e. menu shouldn't refresh when a menu item is clicked.
Sitemap & Menu:
<asp:SiteMapDataSource ID="Menu" runat="server" ShowStartingNode="false" />
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" OnMenuItemDataBound="OnMenuItemDataBound" DataSourceID="Menu" >
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="Menu" />
<asp:MenuItemStyle CssClass="Level" />
</LevelMenuItemStyles>
</asp:Menu>
<siteMapNode url="javascript:Logout" title="Logout" description="Logout" roles="*">
<siteMapNode title="Logout" description="Logout"></siteMapNode>
</siteMapNode>
I want OnClick event instead of navigation .
I am using frames in my webpage.in one of the frames i have a menu control whose items are database driven.when click on the menu item, i want another page to be displayed in other frame.
now i want to pass the the selected menu item text to the other page using session variable which is in the menu item click event method.but the thing is when i click on the menu item, the click event is not firing.
is there any better way to pass the selected menu item text to the other page?
I am working with asp.net 2.0 I have 1 problem Regarding Menu Control I used menu control in Master page. Now I have to find out Menu Item from Menu control depending on Condition. how to do that on server and Client side.
My code:
<asp:Menu runat="server" Orientation="Horizontal">
<StaticMenuItemStyle CssClass="jobTabNormal" />
<StaticSelectedStyle CssClass="jobTabSelected" />
<DynamicHoverStyle CssClass="jobTabHover" Font-Bold="true" />
<DynamicMenuStyle />
<DynamicSelectedStyle CssClass="jobTabDynamicSelected" />
<Items>
<asp:MenuItem Text="Job Details" Selected="true" NavigateUrl="#" Enabled="true">
</asp:MenuItem>
<asp:MenuItem Text="Cargos" Enabled="false" NavigateUrl="~/Pages/cargoDetails.aspx">
</asp:MenuItem>.......
I would like to change color of the gridView depending on the value from table that is bounded to the grid. I actually don't show this value on the grid. I tried by using additional field with visible=false, but the cell is string empty in this way. I don't know how to solve this in some other way?
I used this code, but as I said the value is empty:
[Code]....
Is it possible to solve this by getting value directly from bounded table and not from rows cell?
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 RepliesFor reasons, I have an <a> tag in my master sheet rather than an ASP link. I want to access this html control from the server when a post back happens and change its style sheet. I have tried many a thing but as yet am still unsuccessful.
in short this is what i can't do but want to...
page.form.controls.item(0).sytle = "bob"
..but can't.
I have an asp.net menu in which i have to let some nodes visible or invisible base on some logic.I know i can find value by item but i wnated to FindItemByValue of my asp.net menu.Could it be possible?
View 3 RepliesI 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.
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]....
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]
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?
this may or may not be a big deal but what I am looking to do is based on some data returned to my view I want to change the background-color to what value is being returned. Black, Yellow, etc.... How can I in my aspx page set my Style background-color based on this value in the model. I know Attributes are used in Web forms control but not sure in MVC how to do this
View 3 RepliesI 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]....