Web Forms :: Menu Control Creating Unwanted Styles?
Jul 7, 2010
I have created a menu in ASP.net 4.0 which is is rendered as UL/LI
However I am frustrated with ASP as it produces unwanted style e.g. style="position: relative; width: auto; float: left;" in the UL tag according to firebug. I would really like it to render without this.
A second question is the output in firebug is not the same as if I look at the page source i.e. the style="..." is not in the UL? Is Firebug wrong...can it be trusted?
The ASP is as follows:
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
<asp:SiteMapDataSource runat="server" ID="siteMapDataSource" ShowStartingNode="false" />
<asp:Menu runat="server" Orientation="Vertical" DataSourceID="siteMapDataSource" RenderingMode="list" /> [code]....
View 6 Replies
Similar Messages:
Aug 22, 2010
I've encountered was appears to be a strange bug with the menu control, and alas, I am unable to find much useful information on it (which leads me to believe I have something installed or confingured incorrectly). Here the problem:
When declaring a menu control with a staticHoverStyle, for example:
<asp:Menu
ID="navMenu"
DataSourceID="srcSiteMap" [code]....
Has no effect on the behavior of the control once it's rendered, neither in Firefox nor IE.In fact, using the source code at
http://msdn.microsoft.com/en-us/library/ms366731.aspx with no modifications also results in the hoverstyle not working.
This problem seems to be "fixed" if you specify the css attribute declaratively, for example, StaticMenuItemStyle-BackColor="Yellow".
Alternatively, if you specify RenderingMode="table" then the hoverstyle seems to work. It's only when you're using a cssclass with a list that things seem to mess up.
Finally, I notice that in the rendered html, the control embeds some styles between /* <![CDATA[ */ and /* ]]> */ comments that affects the final appearance of the menu control, sometimes overwriting a cssclass you specified (ex: the margin for dynamic menus can only be controlled with the HorizontalOffset property, and not by css). This is undesirable, but I don't see anything that seems to overwrite the behavior of hover elements. Actually, the .hoveritem class doesn't appear anywhere in the markup at all, but when you specify the StaticMenuItemStyle-BackColor property, then the value is rendered correctly in this block of styles.
View 3 Replies
Jun 2, 2010
I'm working on a web application that uses ASP.NET 3.5 and C#. Structurally, I have a master page with a menu control on it. The control serves as my navigation, and it gets its items from a SiteMapDataSource control and a corresponding Web.sitemap file.
The problem is that some styles do not render properly when you specify the CssClass property. More specifically, the selected and hover styles don't respond to css styles. Consider the code below:
[code]....
any insight into what is causing this problem and how to neatly work around it? I'm aware I might be able to programmically determine the current page and select the corresponding menu item manually so it receives the proper style class, but before I resort to hacking C# and Javascript together to fix this functionality.
View 4 Replies
Jun 26, 2010
i have cretaed a Menu control in asp.net. I want to set MenuItems at certain alignment position,i.e., certain horizontal and vertical alignment. How to set these styles in Menu Control ?
View 2 Replies
Sep 18, 2010
I am using the following code to create a static menu, but using images instead of text..
[Code]....
how to perform an image swap on hover and also an image swap on click so that it is clear which menu item has been selected?
View 3 Replies
Apr 30, 2010
I have been trying to create a custom Styles select button for the HTMLEditor control based on the examples given in the CustomButtonsAndPopups.cs and CustomEditor.cs files. I have had some success: The select button is displayed and the functionality of selecting a style (eg. H1, H2, P etc) and changing the style of selected text works but there are two problems that make it different from the Font Name select button: There is no label next to the button and there is no default text:
The style button is on the left. The Font Name select button is on the right
how to add the label and the default option?
Here is my version of the CustomButtonsAndPopups.cs file:
using System;
View 2 Replies
Jun 24, 2010
Consider sample piece of code in asp.net which has a master page associated with it
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderA" Runat="Server" >
<asp:TextBox ID="TextBoxB" runat="server" CausesValidation="True" Height="96px" Width="426px" />
</asp:Content>
When the page is rendered in browser id generated for textbox with id "TextBoxB" is
ctl00_ContentPlaceHolderA_TextBoxB
Below is the equivalent html code.
<input name="ctl00$ContentPlaceHolderA$TextBoxB" type="text" id="ctl00_ContentPlaceHolderA_TextBoxB" style="height:96px;width:426px;" />
Is it possible to have same id of TextBoxB in both HTML and aspx page.
View 3 Replies
May 29, 2010
I have downloaded the latest version of AJAX toolkit (AjaxControlToolkit.Binary.NET35) and add to asp web page as I did many times before without any particular problem. However this time I'm experiencing unwanted results that make me want to through the computer into my neighbor's pool. The tab control is rendered with the following inline style:
<div style="width: 500px; visibility: hidden;" id="TabContainer1">
View 5 Replies
Sep 17, 2010
I want to apply styles on the message (i.e. Name field is required) display by the asp.net required field validator control.
Styles=border, padding, background-color, font-color, font-weight, img etc
And I also want highlight the border or asp.net textbox and asp.net dropdown list with which this control is associated.
RequiredFieldValidator does not have style property !
View 7 Replies
Jun 2, 2010
how to populate the asp:menu from xml directly. But my issue is to do everything from server side. I am using dom model in my dev and so I have to get the nodes from xml dynamically and populate into the Menu and create a flyout with 2 columns on hover of each menu item. Would be great if someone can provide with a custom code to achieve this.
View 2 Replies
Feb 15, 2010
I've defined node styles for my TreeView instance in markup (using <LevelStyles> for example). Everything renders correctly in IE7/8 but, when rendering in Chrome, Safari or FireFox, the styles are not being applied. From looking at the source code for the page, I can see that the various runtime css classes are being injected into the top of the page, but the class attributes on the <a> tags (within the generated TreeView HTML) are empty (class=""). In IE, the class attributes contain references to the classes that were injected into the page.
Can anyone explain why this is happening? I can see no logical explanation for this, and it's a big issue - My client primarily uses Safari, as they're Mac based.
View 1 Replies
Jun 9, 2010
I have a validation method which passes the control of a failed validation ( IE TextBox in the Gridview row ) to a method which adds a validationError style.This all worked fine until I decided to use declarative css styling on the properties of the columns in the page IE Control-CssClass="someClass".
WHen I click the update and do find an error, I pass the control to have the validationError class appended. but it appears the declarative setting overrides this when it gets rendered.
View 6 Replies
Jan 18, 2011
I know placing all your styles in a CSS file is the best thing to do as it is a lot neater.
But does it REALLY matter if the styles are inline or in a CSS?
Edit below
My plan is to just place the styles in my MasterPage and all other pages will use the MasterPage....I believe the correct term is not "INLINE" but Embedded?
View 7 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 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
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
Apr 8, 2013
What I want is to show menu items Administrator or show user menu items.Show menu items using login...How I can do it with role provider, control menu and siteMap in masterpage?
View 1 Replies
Mar 17, 2010
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?
View 2 Replies
Mar 19, 2010
how can i create a stylish navigation popup menu bar i use visual studio 2008. its is easy with dreamweaver cs3 using the spry menu bar widget.
View 1 Replies
Sep 2, 2010
I am doing a rework on one of my sites and I am attempting to use the asp:menu control.
I am using images in the static and dynamic menus. Hard coded at this point.
On my local machine it works fine but when I upload to the server, the image on the dynamci menus do not appear.
Instead I just get white space where the images should be.
Here is the code:
[code]
View 2 Replies
Jul 28, 2010
I know that the code depicted below will not work but I am including it to convey the idea of what I wish to accomplish. I want to use a different SiteMap to construct the menu on the displayed page for each of three different classes of service (COS).
I set a session variable named "COS" at the login and want to test its value prior to rendering each page. I want to display a menu based upon the appropriate COS. Here is my first stab at it but I know that I cannot include <asp:...> controls within the "case" statements. Can anyone suggest methods of doing this? I know C# and can use that but I do not know how to select the proper sitemap within the <menu> control. I am also using a CSS in my production version.
[Code]....
View 2 Replies
May 7, 2015
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 .
View 1 Replies
Jan 10, 2011
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?
View 1 Replies
Feb 28, 2010
I am trying to implement dropline menu using asp.net menu control. I found JQuery dropline code @ Dynamic Drive & currently using CssFriendly Adapters to get neet CSS, but i am unable to implement it as menu control renders its own css names.
View 1 Replies
Apr 15, 2010
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>.......
View 3 Replies
