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 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]....
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.
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?
I was trying to create a new page .But I needed to make the positioning to absolute.But for this the layout menu is invisible.how to add this menu to the visual studio..
View 6 RepliesI'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.
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?
Does anyone have experience of either creating stylesheets/themes on the fly from a database or else access the style properties of say a label control and changing these based on database values?
Im basically trying to give my users the ability to modify any one part of the design of the website while stroing these choices in a database - for example they may like a red heading.
Im happy with the solution I have for the database but was wondering if I should attach these values programatically to each individual element or dynamically produce a complete stylesheet as the page loads.
I'm using Visual Studio 2008 to develop my projects.
I created a stylesheettheme and a skin file and added them to app_themes folder.
They both have the same name: style_project.
I added line <pages stylesheettheme="style_project"> to my web.config file.
When i run my project on localhost, there's no problem, styles are being applied.
When i upload my project to other machine which has framework 3.5 on it, no styles applied.
I looked at the machines iis server and .net version is 2.0 for default application pool.
I tried on the machine on localhost, still there are no styles.
I tried project both on default website.
What is the problem? How can i solve this?
Has anyone had any issues when updating a CSS file (app created from C# Application Web Site in VS2010) and not having the changes be reflected in the browser, but you can see them in the dev env? I've tried clearing cache and rebooting... After a while of trying to set a background image to .header (which shows up in the dev env) something crazy happens to my Default.aspx and I can't get any styles applied. I'm at a loss right now...
View 9 RepliesI am working on some project where i need to generate a table dynamically and set style to it . In each cell i need to add LinkButton
View 12 RepliesNone of the styles like rowstyle, header style, alternatingrow dont pickup / work in IE 7.
It works perfectly in IE 8.
Here is the code that I user
[Code]....
<AlternatingRowStyle Height="25px" BackColor="#f8f8f8" ForeColor="#333333" />
I have been searching to find a way to convert .docx word
documents into html pages, which is fine there are loads of tools to do this. What I want to do however is extract content and apply our custom style for our website, For EG: we have a custom style for the UL Tags and tables to style them in line with our website. Is this possible to do during the conversion process or does it have to be done afterwards?
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 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 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? 聽
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 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?
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]
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]....
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.
i'm working with asp.net visual studio 2008 c#i'm using Menu and i added items . the first item has like sub-items ...now when i run the website, the Menu wont open the sub-items menu ... this is the code :
<li style="direction: rtl"> <asp:Menu ID="Menu2" runat="server" BackColor="WhiteSmoke" BorderColor="White" ForeColor="#6699FF" Font-Bold="True" Height="361px" Style="left: 2px; position: relative; top: -9px; background-color: #ffffff" Width="194px"> <Items> <asp:MenuItem
NavigateUrl="~/CourseSignUp.aspx" Text="拽讜专住讬 讙诇讬砖讛" Value="拽讜专住讬 讙诇讬砖讛"> <asp:MenuItem Text="拽讜专住 讬诇讚讬诐 注讚 讙讬诇 18" Value="拽讜专住 讬诇讚讬诐 注讚 讙讬诇 18"> <asp:MenuItem Text="拽讜专住讬诐 讘拽讬抓" Value="拽讜专住讬诐 讘拽讬抓" NavigateUrl="~/CourseSignUp.aspx"></asp:MenuItem> <asp:MenuItem Text="拽讜专住 讬诪讬 砖讬砖讬" Value="拽讜专住 讬诪讬 砖讬砖讬"></asp:MenuItem> <asp:MenuItem Text="拽讜专住讬诐 讘讞讙讬诐" Value="拽讜专住讬诐 讘讞讙讬诐"></asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="拽讜专住 诪讘讜讙专讬诐" Value="拽讜专住 诪讘讜讙专讬诐"> <asp:MenuItem Text="拽讜专住 讬诪讬 砖讬砖讬" Value="拽讜专住 讬诪讬 砖讬砖讬"></asp:MenuItem> </asp:MenuItem> </asp:MenuItem> <asp:MenuItem Text="砖讬注讜专讬诐 驻专讟讬讬诐" Value="New Item"> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/Rents.aspx" Text="讛砖讻专讜转" Value="Rents"></asp:MenuItem> <asp:MenuItem Text="诪讬讚注 诇讙讜诇砖 讛诪转讞讬诇" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="诇讬 拽讬诐" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="转讞讝讬讜转" Value="New Item" NavigateUrl="~/Forecasts.aspx"></asp:MenuItem> <asp:MenuItem Text="诪讗诪专讬诐" Value="New Item"></asp:MenuItem> <asp:MenuItem Text="讛住讟讜专讬转 讙诇讬砖讛" Value="New Item"></asp:MenuItem> </Items> </asp:Menu> </li>
I am using menu control . I want to show the sub menu when clicking the main menu link ?
View 6 RepliesSitemap & 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 .