Goes to Ursa Components Home.
 
 
 

Basic Horizontal Menu

  Default Style
  Flat Style
  Flat Style with Grid
  3D Style
  3D Style with Grid
 
This sample illustrates how to build a horizontal web menu with flat, 3D or with girds outlook. The menu items appearance also can be customized separately by correct setting their back ground color, hovered back ground color or fore colors.
 
 
<%@ Page language="c#" Codebehind="Sample1.aspx.cs" AutoEventWireup="false" Inherits="Ursa.Web.WebMenuDemos.Sample1" %>
...

	<uwm:WebMenu id="WebMenu2" runat="server" IconBarWidth="5px" Width="100%" HoveredForeColor="Black" HoveredBorderColor="#999999" HoveredBackColor="#EFEDDE" BackColor="#EFEDDE" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" ItemPadding="1px">
		<uwm:WebMenuTextItem Text="Default Style">
			<uwm:WebMenuTextItem Text="MenuItem_1"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_2"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_3"></uwm:WebMenuTextItem>
			<uwm:WebMenuSeparator></uwm:WebMenuSeparator>
			<uwm:WebMenuTextItem Text="MenuItem_4"></uwm:WebMenuTextItem>
		</uwm:WebMenuTextItem>
		<uwm:WebMenuTextItem Text="Flat Style" SubMenuStyle-HoveredForeColor="Black" SubMenuStyle-IconBarColor="#EFEDDE" SubMenuStyle-BorderWidth="1px" SubMenuStyle-BorderColor="#8A867A" SubMenuStyle-BorderStyle="Solid" SubMenuStyle-IconBarWidth="25px" SubMenuStyle-ItemHeight="22px" SubMenuStyle-HoveredBorderColor="#316AC5" SubMenuStyle-BackColor="#FCFCF9" SubMenuStyle-HoveredBackColor="#C1D2EE">
			<uwm:WebMenuTextItem Text="MenuItem_5"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_6"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_7"></uwm:WebMenuTextItem>
			<uwm:WebMenuSeparator></uwm:WebMenuSeparator>
			<uwm:WebMenuTextItem Text="MenuItem_8"></uwm:WebMenuTextItem>
		</uwm:WebMenuTextItem>
		<uwm:WebMenuTextItem Text="Flat Style with Grid" HoveredBorderColor="Black" HoveredBackColor="#FFE0C0" SubMenuStyle-HoveredForeColor="Maroon" SubMenuStyle-HoveredBorderColor="#C0C0FF" SubMenuStyle-BackColor="#FFE0C0" SubMenuStyle-ShowGrid="True" SubMenuStyle-HoveredBackColor="#C0C0FF">
			<uwm:WebMenuTextItem Text="MenuItem_9"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_10" HoveredBorderColor="#FFC0FF" HoveredBackColor="#FFC0FF"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_11"></uwm:WebMenuTextItem>
			<uwm:WebMenuSeparator></uwm:WebMenuSeparator>
			<uwm:WebMenuTextItem Text="MenuItem_12" HoveredBorderColor="#C0FFC0" HoveredBackColor="#C0FFC0"></uwm:WebMenuTextItem>
		</uwm:WebMenuTextItem>
		<uwm:WebMenuTextItem Text="3D Style" SubMenuStyle-IconBarColor="#C000C0" SubMenuStyle-IsFlat="False" SubMenuStyle-IconBarWidth="25px" SubMenuStyle-ForeColor="#804040" SubMenuStyle-BackColor="#FF80FF">
			<uwm:WebMenuTextItem HoveredForeColor="#C00000" Text="MenuItem_13" HoveredBackColor="#FFE0C0"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_14"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem HoveredForeColor="Navy" Text="MenuItem_15" HoveredBackColor="#C0FFC0"></uwm:WebMenuTextItem>
			<uwm:WebMenuSeparator></uwm:WebMenuSeparator>
			<uwm:WebMenuTextItem Text="MenuItem_16"></uwm:WebMenuTextItem>
		</uwm:WebMenuTextItem>
		<uwm:WebMenuTextItem Text="3D Style with Grid" SubMenuStyle-IsFlat="False" SubMenuStyle-BackColor="#C0C000" SubMenuStyle-ShowGrid="True">
			<uwm:WebMenuTextItem HoveredForeColor="Black" Text="MenuItem_17" BackColor="#FFE0C0" HoveredBackColor="#C0C0FF"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_18"></uwm:WebMenuTextItem>
			<uwm:WebMenuTextItem Text="MenuItem_19" BackColor="#FFC0FF" HoveredBackColor="#C000C0"></uwm:WebMenuTextItem>
			<uwm:WebMenuSeparator></uwm:WebMenuSeparator>
			<uwm:WebMenuTextItem Text="MenuItem_20"></uwm:WebMenuTextItem>
		</uwm:WebMenuTextItem>
	</uwm:WebMenu>

...
 
 
Source  viewe tabs is implemented by Ursa WebMenu 2.0