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 RepliesI 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 RepliesCurrently 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]...
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 RepliesWe 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?
For 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 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 wonder if there is anyway to actually add a HTML element before or/and after the actuall <a>-element thats rendered by the Menu control. For instance I whould like my out put HTML to look like
[Code]....
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 had created a master page, which uses a style element in the header section. It seems that when I create a style element in the content page the style from the master is disgarded.So my question is, how can i have a css style specific to the master page carried over into content pages and how can I have content page specific css style at the same time?
[Code]....
[Code]....
I have a dropdown list in my webform and want to make that dropdown required in one form and optional in another form based on some conditions. My mark up for that is
<span
id="spnMortgageInsuWaiver"
runat="server"
class="requiredSelect"
>
<asp:DropDownList
ID="ddlMortgageInsWaiver"
runat="server">
[Code]....
We supply micro-site content to a client. They supply us with a HTML wrapper and we inject our content into it. I'm trying to debug an issue where our style sheet appears to be interfering with the style in their wrapper.
Normally I'd use firebug or IE Developer Toolbar to select the element and I can see which styles are being applied, which are being overridden and where they are coming from. But this particular problem only exists when I hover the mouse over a link. Specifically, the link shrinks a little bit.
Is there anything that I can use to see what the browser is doing with the styles when I hover the mouse over the link?
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 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 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;
}
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 RepliesIve 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]...
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.
I am creating a control that contains an html5 audio element and I want to be able to change the source of the audio dynamically. I can access the audio element in C# but am unable to figure out how to change the src attribute.
View 1 RepliesI'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.
In Visual Studio 2010, is there a way of changing the Cascading Style sheet on the server-side based on the client browser? I want to create different style sheets for the different browsers (Firefox, Chrome, IE, Opera, Safari etc..) and specify which one to use from the master page.
View 2 Replies