.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

horizontal navigation menu instead of vertical

Posted By:      Posted Date: September 02, 2010    Points: 0   Category :SharePoint
Hello I'm a newbie and using the internet/publication site type. Is there a simple way to have the Navigation (menu) oriented in a horizontal with dropdown menus instead of vertical? It would also be nice if the horizontal navigation wouldn't not scroll with the rest of the page. Thanks! Matt==GP Blog== http://dynamicssmallbusiness.blogspot.com/ ==Free GP Addons/Customizations/Tips== http://landiscomputer.com/offer/1010_GP_Newsletter.htm ==GP Tweets== http://twitter.com/search?q=%23dyngp#search?q=%23dyngp

View Complete Post

More Related Resource Links

Css Friendly Adapters - asp.net Horizontal Menu - IE6



Hopefully someone can help.

I have an asp.net menu with horizontal static top tier followed by 2 dynamic vertical lower tiers.

It renders fine in all other browsers etc. etc. - apart from IE6.

In IE6 the menu is not rendered horizontally and insttead the items are stacked vertically.

It is my understanding that when using horizontal orientation, the menu items are effectively floated next to each other. 

So I can get round this float problem in IE6 by specifying a width for the items i.e.:


*html .AdminMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
	width: 45px;
	text-align: left;
	margin: 0;
	padding: 0;

Problem is, I do not want to set the width for each item. If I do this then it means regardless of the length of the text the width will always be the same.

On other browsers I do not set a width but instead set left/right margin so that every item is evenly spaced.

How can I do this in IE6? Essentially each li should wrap the text and float nex

Page to page navigation from listbox menu?

I am wondering if anyone can share with good sample on how to create menu populated in a listbox from xml and have page to page navigation between xaml pages. I need to have a unique Uri link associated with each item in the listbox. Any advice is highly appreciated. Thank you in advance,

how change the direction of AspNet-Menu-Horizontal

 .PrettyMenu .AspNet-Menu-Horizontal{ direction :rtl; } ????

how to do in vertical menu

I have created vertical menu but i need to show the color diiference for the individual menu selected. The code below:<style> #sidemenu { width: 120px; float: left; } #sidemenu ul { font: bold 12px Arial; list-style-type:none; margin: 0px; padding: 5px; color: #ebf2f7; background-color: #fff; } #sidemenu li { display: inline; /* for IE5 and IE6 */ margin: 0px 0px 2px 0px; } #sidemenu a { color: #ebf2f7; text-decoration: none; font: bold 12px Arial; display: block; padding: 5px; width: 120px; background-color: #3c7faf; border: 1px solid #3c7faf; margin: 0px 0px 3px 0px; } #sidemenu a:link, #sidemenu a:visited { color: #ebf2f7; text-decoration: none; } #sidemenu a:hover { background-color: #ebf2f7; color: #3c7faf; border: 1px solid #3c7faf; } #sidemenu li a#current { border: 1px solid red; background: red; color: #FDFCF3; } </style> <div id="sidemenu"> <ul> <li id="li1" runat="server"> <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">1</asp:LinkButton> </li>

Top navigation menu having submenu in Team site in MOSS2007

Hi, In MOSS2007, Collaboration portal site is showing sub menu on onmouseover of top navigation menu, but it's not showing in case of Team Site template. I would like to know how to achieve this. I tried to activate publishing feature on team site, but doesn't work.

sql convert vertical table to horizontal (deep to wide)

Hi I have 2 tables, where one holds Name and address information in a wide format, second table is a deep version where i have the records with field names (i.e. Date Of Birth) in the value and then another field with the actual value. I need to merge both tables together to create a new 3rd table and have everything in a wide format, so name and address for one record plus another new column with Date of Birth, so in the end i would just have one row for a person. i am using sql 2008, i dont have any examples to show, which makes it difficult to explain. a visual example would be table 1 id   name  address1      address2  postalcode 100 john    1 anystreet  anywhere  125254 table 2 id  fieldname  fieldvalue 100 dateofbirth  1 jan 1900 100 age         10 100 mobile     123456789 new table should look like table 3 id   name  address1      address2  postalcode   dateofbirth  age  mobile 100 john    1 anystreet  anywhere  125254      1 jan 1900    10   123456789 i have a very large dataset so need something generic and fast as there are lots of different field names so i would need to add th

Different behavior of horizontal and vertical GridSplitter

I'm trying to learn WPF. While it does appear to be quite powerful and flexible, some things are also rather confusing. The GridSplitter is my current headsplitter... Take a look at this XAML: <Grid> <Grid.RowDefinitions> <RowDefinition MinHeight="50"/> <RowDefinition Height="Auto" /> <RowDefinition MinHeight="50" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition MinWidth="50"></ColumnDefinition> <ColumnDefinition Width="Auto"></ColumnDefinition> <ColumnDefinition MinWidth="50"></ColumnDefinition> </Grid.ColumnDefinitions> <Button Grid.Row="0" Grid.Column="0" Margin="2">Top Left</Button> <Button Grid.Row="0" Grid.Column="2" Margin="2">Top Right</Button> <Button Grid.Row="2" Grid.Column="0" Margin="2">Bottom Left</Button> <Button Grid.Row="2" Grid.Column="2" Margin="2">Bottom Right</Button> <!-- <GridSplitter Grid.Row="0" Grid.Column="1" Grid.RowSpan="3" Width="3" HorizontalAlignment="Center" /> --> <GridSplitter Grid.Row="1" Gri

How do I change the top menu navigation for layouts like Site Settings?

I used something similiar to what Kalik posted on this thread, however, I'm not seeing the same results in layouts like Site Settings.  Any answers would be appreciated. Thank you, Mike ADD TO TOP LINE! <%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> ADD IN HEADER AREA! <PublishingNavigation:PortalSiteMapDataSource ID="siteMapDataSource1" runat="server" SiteMapProvider="CombinedNavSiteMapProvider" EnableViewState="true" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="false" TreatStartingNodeAsCurrent="true" TrimNonCurrentTypes="Heading"/> </HEAD> REPLACE STANDARD TOP NAV CODE! <!--- Modified Top Nav ---->    <SharePoint:aspmenu    ID="GlobalNav"    Runat="server"    DataSourceID="siteMapDataSource1"    Orientation="Horizontal"     MaximumDynamicDisplayLevels="1"     StaticPopoutImageUrl="/_layouts/images/menudark.gif"    StaticSubMenuIndent="0px"  &nb

Top navigation menu render problem

Hi, we have a problem with top menu used in a sharepoint site. There is a main site and one subsite wich inherits navigation from the parent. When we are viewing the main site top menu renders ok. When we are viewing child site, with some computers and browsers (not all) instead of the name of the parent site it apears the link. Name of the main site is 'Activity' Name of the subsite is 'Programs' Problem Accesing main site menu renders like ->    Activity  |   Programs Accesing child site menu renders like ->     sites/activity  |   Programs I have uploaded some image to clarify http://yfrog.com/jltopmenurendererrorp   At the master page the top menu is set in this way     <PublishingNavigation:PortalSiteMapDataSource ID="topSiteMap" runat="server" EnableViewState="false" SiteMapProvider="CombinedNavSiteMapProvider" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="true" TrimNonCurrentTypes="Heading" /> <SharePoint:AspMenu ID="TopNavigationMenuV42" Runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" U

In CssFriendly adapter Scrollbar is needed in Vertical Menu

Hi all,I have used cssfriendly adapter for creating vertical menu.... as i have more number of submenus and more number of listitems.... i need scrollbar.. in menu as it goes down the browser window..or menu should move up as it hit browser window....I tried "IFRAME" scrollable yes...and many different approach but could not get it....plz anybody can help it out.........

how do I achieve a reusable area in multiple views? (navigation menu)

I am new to mvc.I want to build my navigation so I can use it on multiple views.  How do I do this? Nested views?  Can someone please tell me the best practice and show me a quick example?

Put metadata navigation above quick launch menu

Hi, I have a problem with left quick lunch navigation. My need is to set my metadata navigation and filtering above quick launch menu. I have no found any artical about this. Does anyone have idea how to do this.  Thanks.

Vertical Align Menu Items when RenderingMode=List


I am having problems getting my Menu Items to align vertically in the middle when I set my rendering mode = list.

aspx code

        <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" 
            RenderingMode="list" CssClass="AspNet-Menu">
                <asp:MenuItem NavigateUrl="#" Text="Menu 1" Value="Menu 1"></asp:MenuItem>
                <asp:MenuItem NavigateUrl="#" Text="Menu 2" Value="Menu 2"></asp:MenuItem>
                <asp:MenuItem NavigateUrl="#" Text="Menu 3" Value="Menu 3"></asp:MenuItem>

css code for list

/* MENU */

.AspNet-Menu ul li{ width:60px; height:30px; background-color:Silver; vertical-align:middle;}
.AspNet-Menu ul li a
	color: Red;

But if i set the rendering mode to table it works fine...

aspx code

        <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" 
            RenderingMode="table" CssClass="AspNet-Menu">

Disable horizontal and/or vertical scrollbars on ReportViewer Webpart


Hello everybody,

I have set up SSRS 2008 and SharePoint Foundation 2010 and try to build a website showing all kind of reports. But I do have problems to control the appearance of scrollbars in the webpart.

To make it easier to explain I created a report where all sizes (Page size, Interactive and Text body) have the similar size (width: 100mm and height: 50mm).

Next I made an empty Wiki Site with single column layout and inserted a Reportviewer Webpart based on the generated report. I set the height to 70mm and the width to 120mm.

Here is the result: http://img213.imageshack.us/img

How to create sub-menu in Global-Navigation ?

i want to create sub-menu for my sharepoint site like :

MainMenu > SubMenu > LinkSample1 .... LinkSamplen

assumming we have two Heading (MainMenu and SubMenu) and multiple link (like LinkSample1). i want place SubMenu underneath of MainMenu to accomplish this, but Headings can not place underneath of another Heading.
can anybody help me to workaround this problem ?
this is my Signature

Stretch the menu (horizontal) background-image across the page


 I would like to continue my background image to the right end of the content holder and keep the menu items over on the left of the content holder.  Does this make sense?  For example, my menu items are dynamically loaded.  Sometimes I have only two (Guest and Member).  Right now my background image ends rignt after the "Member" item but I want the image to continue across the page.  It is important to note that setting the "width" property in the CSS stretches the items across the page and this is not what I seek.  Here's a bit of code.

/* Menu Styling */
   background-image: url(../../images/bavbg.gif) no-repeat;


#menu .Item
  /* CSS class for non-selected Menu Item */
  border:Solid 1px Gray;
  background-image: url(../../images/bavbg.gif);

#menu .ItemSelected
  /* CSS class for selected Menu Item*/
  background-image: url(../../images/bavbg.gif) no-repeat;

#menu .ItemHover
  /* CSS class for hovering Menu Item*/
  background-image: url(../../images/bavbg.gif) no-repeat;

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu 

SharePoint 2010 Navigation Menu

I have created a custom menu using basic HTML <ul> tags in SharePoint 2010. I have set Anonymous access to the entire site but I don't see the menu unless and until I sign in. For a anonymous user the default Global Navigation is being displayed even though I have deleted the navigation through SharePoint Designer.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend