CRIANDO ABAS EM COM VISUAL STUDIO 2008 ASP.NET SIMPLES

Conteudo origial link: http://www.devmedia.com.br/articles/viewcomp.asp?comp=7061 Conteudo melhorado até 6 abas. Simples, Rápido e Fácil.

Crie uma página ex: default3.aspx
 
Apague todo o conteudo da pagina e copie este codigo.
 
::::::  Selecione dai pra baixo.....

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<link href="formatTab.css" rel="stylesheet" type="text/css" />

<title>title>

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">asp:MenuItem>

<asp:MenuItem Text="Tab_4" Value="t4">asp:MenuItem>

<asp:MenuItem Text="Tab_5" Value="t5">asp:MenuItem>

<asp:MenuItem Text="Tab_6" Value="t6">asp:MenuItem>

Items>

<StaticMenuStyle CssClass="tab" />

<StaticMenuItemStyle CssClass="item" />

<StaticSelectedStyle CssClass="selectedTab" />

asp:Menu>

<div class="conteudo">

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

<asp:View ID="View1" runat="server">

VISUALIZANDO VALOR TAB 1<br />

asp:View>

<asp:View ID="View2" runat="server">

VISUALIZANDO VALOR TAB 2<br />

asp:View>

<asp:View ID="View3" runat="server">

VISUALIZANDO VALOR TAB 3<br />

asp:View>

<asp:View ID="View4" runat="server">

VISUALIZANDO VALOR TAB 4<br />

asp:View>

<asp:View ID="View5" runat="server">

VISUALIZANDO VALOR TAB 5<br />

asp:View>

<asp:View ID="View6" runat="server">

VISUALIZANDO VALOR TAB 6<br />

asp:View>

asp:MultiView>

div>

form>

body>

html>

Até a linha de cima.
 
No arquivo  default3.aspx.cs
 
apague tudo e copie isso
 
 
 

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;

}

}

}

Pronto agora crie apenas um .css
 

.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;

}

 
Qualquer coisa  mvadm@hotmail.com
 
Não quero que ninguem mais se mate tentando fazer essa bosta....
 
Até  a PROXIMA.... agradeçam ao João Rodrigues Autor original eu só facilitei... ok..
 
 
 

Artigos relacionados