I have seen many web sites using a vertical line as separator, between menu items. How can I create a menu with that line..?Is there any link about styling menu control ?
View 2 Replies
I'm in the process of styling an asp.net menu in .NET 4 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]....
It works for StaticMenuStyle-CssClass and StaticMenuStyle-CssClass (the classes are applied to the relevant elements), but StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass are not applied, regardless of the selected or hover status of an element.
Here is the generated HTML:
[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.
I'm using Visual Studio 2010 and ASP.NET 4.0 to render a Menu control as an HTML list so I can style it using CSS. Here is the code I am using below
<asp:Menu ID="navlist" runat="server" Orientation="Horizontal"
SkipLinkText="" ClientIDMode="Static" DataSourceID="MenuSource"
MaximumDynamicDisplayLevels="0" IncludeStyleBlock="False"
StaticDisplayLevels="2">
</asp:Menu>
This produces the following HTML
[Code]....
At first glance this looks like exactly what I wanted. However, if I open up WebResource.axd there is a whole bunch of javascript code related to the menu. Part of this code is applying it's own inline styles to the list. Using FireBug I can view the HTML markup after the javascript has executed and it looks something like this:
[code]....
These inline styles ultimately affect the layout of my page. I have no need for any of the scripts in WebResource.axd. How can I prevent this script from being rendered in the final markup of the page?
I am experiencing a weird issue with my menu control on a website I just launched. Basically it seems like the top and bottom padding for the control is like 400 pixels on certain pages. This does not happen on IE6, IE8, Firefox 3.6, or chrome. Only IE7 (also IE8 compatibility mode). The other weird thing is that it happens 90% of the time and not 100%, so I can't get full consistency. Here is an image of what it should look like versus what the issue is. [URL] bad menu What I have done so far is remove skiplinktext and also tried to remove the 4px padding I had, neither helped.
[URL]
menu nav = home page > studio info > Registration > Register now
I'm trying to style an asp:Menu, so that when I hover over a child menu, all the parent menu's will have the background mouse over selected colour. (Take a look at the win xp start menu for example, with default theme blue, all parent menu's will be highlighted as blue if a child is selected) At first I thought this was something simple, but after intense researching (google), I am beginning to wonder...
View 3 RepliesI have placed an aspx menu control on my master page with orientation as Horizontal. Below is HTML markup.
HTML Code:
<asp:Menu ID="mnuMedChem" runat="server" Orientation="Horizontal" Width="100%" OnMenuItemClick="mnuMedChem_MenuItemClick">
<DynamicHoverStyle CssClass="DynamicHover" />
<DynamicMenuItemStyle CssClass="DynamicMenuItem" />
[Code]....
I have tried populating the menus from my database by using the
Code:
mnuMedChem.Items.Add
and
Code:
mnuMedChem.FindControl(value).ChildItems.Add
The menu items and the childs are populating correctly but then the menu is not being displayed on the menu control.
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]...
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 RepliesI need a help in creating a vertical oriented Menu control with dynamic url's set in there Navigate Url property.Also i need to set the menu items as enable/disable in two different modes say edit/new.
I added a menu avigation control in my page and i did this:
<div style="background-color: Maroon">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" ForeColor="Black" Font-Bold="true"
BackColor="Chocolate">
<Items>
<asp:MenuItem Text="Home"></asp:MenuItem>
<asp:MenuItem Text="About Us"></asp:MenuItem>
<asp:MenuItem Text="Services"></asp:MenuItem>
<asp:MenuItem Text="Careers"></asp:MenuItem>
<asp:MenuItem Text="Contact Us"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
but i cant give proper spacing between the menu items right now it is appearing like this: how to give proper spacing between the menu items them?
how to align the menu bar with proper space
View 1 RepliesMy datalist will not have any borders. The only line that will be displayed in the datalist is a solid horizontal line after each row.
I tried setting the border of the datalist to "0px none Red" and then set the GridLines to "Horizontal", but this only works in Firefox. IE8 draws the line in barely visible grayish color, an Chrome ignores the border attributes altogether and draws all the horizontal lines.
I'am coding on e-trade project with ASP.NET.I want to ASP.NET Menu control or HTML+CSS menus.I have a screen shot ; ![alt text][1]
or web site address here : [URL]
I want a menu like it.Horizontal and verticral menu
I've got some webparts and I've added my own menu options to the dropdown. Is there a way to add a seperate between parts of the menu? If so how???
View 1 RepliesWhen I add a static bottom separator image to my menu control, it is displayed in design mode. However, it does not show on the web page when testing. It does not render and displays the white box with red x. My other images are showing fine. I am using Microsoft Visual Web Developer 2010 Express and IE for my browser. Here is my code.
[Code]....
I want to draw the vertical line in designing. For example Table 1 Keep your job-search confidential Control your privacy Reach to over 35000 recruiters Get Job Alerts in your inbox Apply to jobs from your Mobile. I want to draw vertical line both side about table1
View 1 RepliesI have a graph created with MS Chart like the following picture. As you can see the vertical lines are messed up with value of the top of each bar. Here's the mark-up for the graph:
<asp:Chart ID="chtNBAChampionships" runat="server">
<Series>
<asp:Series Name="Championships" YValueType="Int32" ChartType="Column" ChartArea="MainChartArea" IsValueShownAsLabel="true">
<Points>
<asp:DataPoint AxisLabel="Celtics" YValues="17" />
<asp:DataPoint AxisLabel="Lakers" YValues="15" />
<asp:DataPoint AxisLabel="Bulls" YValues="6" />
<asp:DataPoint AxisLabel="Spurs" YValues="4" />
<asp:DataPoint AxisLabel="76ers" YValues="3" />
<asp:DataPoint AxisLabel="Pistons" YValues="3" />
<asp:DataPoint AxisLabel="Warriors" YValues="3" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="MainChartArea">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
I don't want the display the vertical line because it's messed up with the value on top of the each bar. How can I disable the vertical line?
How to apply path separator for database menu in asp.net ....
View 1 RepliesI have a piece of piece of HTML which looks like this -
<div id="moduleList">
<ul>
<li class="noBorder"> </li>
<li class="noBorder">
<span class="currentTabLeft"> </span><span class="currentTab">
<a href="Welcome.aspx"
id="grouptab_0">Home</a>
</span><span class="currentTabRight"> </span>
[Code]....
Is there a way to force the asp:Menu control to spit out ul and li instead of tables, so that I can use my existing css styles to style them correctly or is that a lost cause?
I'm trying to add a vertical line to an area chart like the following...
<asp:Chart id="chtTriage" Width="545" BackColor="#f2f2f2" runat="server">
<Series>
<asp:Series Name="srs" ChartType="Area" Color="LightGray">
<Points>
<asp:DataPoint XValue="0" YValues="1000" />
<asp:DataPoint XValue="5" YValues="2500" />
<asp:DataPoint XValue="10" YValues="6000" />
<asp:DataPoint XValue="15" YValues="4000" />
<asp:DataPoint XValue="20" YValues="2500" />
<asp:DataPoint XValue="25" YValues="2000" />
<asp:DataPoint XValue="30" YValues="1500" />
<asp:DataPoint XValue="35" YValues="1200" />
<asp:DataPoint XValue="40" YValues="1000" />
<asp:DataPoint XValue="45" YValues="500" />
<asp:DataPoint XValue="50" YValues="0" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="chaTriage" BackColor="#f2f2f2">
<AxisY Title="Number of Dogs" Interval="1000" IntervalType="Number" IsMarginVisible="false">
<LabelStyle Font="Aerial, 8.25pt" />
<MajorGrid Enabled="false" />
</AxisY>
<AxisX Title="Triage Points" Interval="10" IntervalType="Number" IsStartedFromZero="true" Minimum="0" IsMarginVisible="false">
<LabelStyle Font="Aerial, 8.25pt" />
<MajorGrid Enabled="false" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
I am using that standard asp.net menu system and I have it linking to an SQL view via XML. All that stuff works fine but when I try to add a separator image to the menu it adds the image below the text. It looks like it is wrapping the image down to the next line.
View 2 Repliesi have an Grdiview within that two table is there, one is for header another is for body section, now the horizontal line is coming on the gridview but vertical line is not coming, below is my code
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellSpacing="1" CellPadding="0" AllowPaging="True" PageSize="200"
CssClass="searchResult" OnRowCommand="GridView1_RowCommand"
OnRowDataBound="GridView1_RowDataBound">
<HeaderStyle CssClass="searchResultHeader" HorizontalAlign="Center"/>
<RowStyle BackColor="#ecf5ff" ForeColor="#333" Font-Size="11px" Height="30px"/>
<AlternatingRowStyle BackColor="white" ForeColor="#333" Height="30px"/>
<Columns>
<table cellspacing="0" width="100%" >
<HeaderTemplate>
<tr>
<td>...some asp controls</td>
<td>...some asp controls</td>
<td>...some asp controls</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<table cellspacing="0" cellpadding="0" style="width:100%;" >
<tr style="height:30px;" >
<td width="5%" style="font-
size:11px;height:30px;width:5%;" >
<td width="5%" style="font-size:11px;height:30px;width:5%;" > ...........................
so, horizontal line( _ ) is displaying, now i want to show the vertical line(|)
I'm trying to add a text-only item to a databound menu control. So far all I'm capable of doing is adding more links, but no text. My goal is to have a leading item be part of the menu but not a link. I want it to be displayed as text...
I've tried adding items to the menu.items collection, but this adds links.
I've tried adding items to the menu.controls collection, but this doesn't get picked up at all, just ignored.
Textbox1
Textbox2
Textbox4
Textbox5
Textbox 3
Textbox3
I've one of webform (in design side) has so many textboxes incorborate from one another so , i want to draw line vertically and horizontally acoross the page to point the textboxes
I have for example a ASP Menu control having a static (File) and dynamic (Open, New) menu such as :
[code]....
I am able to see this menu under VS 2008 under my development PC. But when I deploy the app to a IIS server, and run the app, the whole app appeared the same. Only the Menu has "File" for selection but the submenu items (Open and New) did not appear when the mouse cursor was moved over "File". Only the Outline of the dropdown box of the submenu appeared.
