<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><
html xmlns="http://www.w3.org/1999/xhtml"><
head runat="server"> <link href="formatTab.css" rel="stylesheet" type="text/css" /> <title>< FONT>title>< FONT>
head><
body> <form id="form1" runat="server"> <asp:Menu ID="tabMenu" runat="server" Orientation="Horizontal" OnMenuItemClick="tabMenu_MenuItemClick"> <Items> <asp:MenuItem Text="Tab_1" Value="t1" /> <asp:MenuItem Text="Tab_2" Value="t2" /> <asp:MenuItem Text="Tab_3" Value="t3">< FONT>asp:MenuItem> <asp:MenuItem Text="Tab_4" Value="t4">< FONT>asp:MenuItem> <asp:MenuItem Text="Tab_5" Value="t5">< FONT>asp:MenuItem> <asp:MenuItem Text="Tab_6" Value="t6">< FONT>asp:MenuItem> < FONT>Items> <StaticMenuStyle CssClass="tab" /> <StaticMenuItemStyle CssClass="item" /> <StaticSelectedStyle CssClass="selectedTab" /> < FONT>asp:Menu> <div class="conteudo"> <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"> <asp:View ID="View1" runat="server">VISUALIZANDO VALOR TAB 1
<br /> < FONT>asp:View> <asp:View ID="View2" runat="server">VISUALIZANDO VALOR TAB 2
<br /> < FONT>asp:View> <asp:View ID="View3" runat="server">VISUALIZANDO VALOR TAB 3
<br /> < FONT>asp:View> <asp:View ID="View4" runat="server">VISUALIZANDO VALOR TAB 4
<br /> < FONT>asp:View> <asp:View ID="View5" runat="server">VISUALIZANDO VALOR TAB 5
<br /> < FONT>asp:View> <asp:View ID="View6" runat="server">VISUALIZANDO VALOR TAB 6
<br /> < FONT>asp:View> < FONT>asp:MultiView> < FONT>div> < FONT>form>< FONT>
body>< FONT>
html>using
System;using
System.Collections.Generic;using
System.Linq;using
System.Web;using
System.Web.UI;using
System.Web.UI.WebControls;public
partial class Default3 : System.Web.UI.Page{
protected void Page_Load(object sender, EventArgs e){
tabMenu.Items[MultiView1.ActiveViewIndex].Selected =
true;}
protected void tabMenu_MenuItemClick(object sender, MenuEventArgs e){
switch (e.Item.Value){
case "t1":MultiView1.ActiveViewIndex = 0;
break; case "t2":MultiView1.ActiveViewIndex = 1;
break; case "t3":MultiView1.ActiveViewIndex = 2;
break; case "t4":MultiView1.ActiveViewIndex = 3;
break; case "t5":MultiView1.ActiveViewIndex = 4;
break; case "t6":MultiView1.ActiveViewIndex = 5;
break;}
}
}
.tab
{ margin-left : 15px;}
.item
{
background: #316271; color: white; text-transform: capitalize; padding-left:5px; padding-right:5px; padding-bottom: 5px; padding-top: 5px;}
.selectedTab
{
font-style: italic; font-weight: bold; background: black;}
.tab
a:hover{
text-decoration: underline;}
.conteudo
{
border-top : 1px solid black; border-bottom : 1px solid black; border-left : 1px solid black; border-right : 1px solid black; margin-bottom:10px;}