Asp Control ASP.Net

  1. Home
  2. ASP.Net
  3. Asp Control
  4. Multiview with style
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MultiViewTest" %>



   MultiView Class Example
   
      .TabContainer
      {
         font: bold 0.75em Verdana;
         width: 60em;
         margin-top: 1.5em;
         padding-top: 2em;
      }
      .TabItemInactive
      {
         border-top: 1px solid white;
         border-left: 1px solid white;
         border-right: 1px solid #aaaaaa;
         border-bottom: none;      
         background-color: #d3d3d3;  
         text-align: center; 
         text-decoration: none;
         padding: 0.75em 0.25em 0 0.25em;
      }
      .TabItemInactive:hover
      {
         background: #808080;
      }   
      .TabItemActive
      {     
         border-top: 1px solid white;
         border-left: none;
         border-right: 1px solid #aaaaaa;
         border-bottom: none;
         text-decoration: none;
         background-color: #bbbbbb;  
         text-align: center;   
         padding: 0.75em 0.25em 0 0.25em;
      }
      .ContentPanel
      {
         background-color: #bbbbbb; 
         padding: 10px 10px 10px 10px;
         width: 60em;
         font: 0.8em Verdana;
      }
  


   
      
      
         
                                   runat="server" 
                       CssClass="TabContainer">
                                         runat="Server" 
                          CssClass="TabItemActive" 
                          Text="Customer Information" />
                                              CssClass="TabItemInactive" 
                               Text="Customer Book Selections" 
                               runat="Server"
                               OnCommand="LinkButton_Command" 
                               CommandName="Book" />
                                 Text="Customer Categories" runat="server"
                  OnCommand="LinkButton_Command" 
                  CommandName="Categories" />
            
                      
               

Customer's Information


               

First Name:


               

Last Name:


               

Phone:


                                 Text="Next" CommandName="NextView" />
            
         
         
         
            
                                              runat="Server"
                               CssClass="TabItemInactive" 
                               Text="Customer Information"
                               OnCommand="LinkButton_Command" 
                               CommandName="Customer"  />
                                         runat="Server" 
                          CssClass="TabItemActive" 
                          Text="Customer Book Selections" />
                                              runat="server"
                               CssClass="TabItemInactive" 
                               Text="Customer Categories"
                               OnCommand="LinkButton_Command" 
                               CommandName="Categories"  />
            
             
                                Text="Previous" CommandName="PrevView" Width="6em" />
                                Text="Next" CommandName="NextView" Width="6em" /> 
            
         
         
         
            
                                 runat="Server"
                  CssClass="TabItemInactive" 
                  Text="Customer Information"
                  OnCommand="LinkButton_Command" 
                  CommandName="Customer" />
                                 runat="Server"
                  CssClass="TabItemInactive" 
                  Text="Customer Book Selections"
                  OnCommand="LinkButton_Command" 
                  CommandName="Book" />
                                 Text="Customer Categories" />
            
             
                          Text="Previous" CommandName="PrevView" Width="6em" />  
                          Text="Start"
              CommandName="SwitchViewByIndex"
              CommandArgument="0" Width="6em" />                 
            
         
      
   

   


File: Default.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class MultiViewTest : System.Web.UI.Page
{
   protected void Page_Load(object sender, EventArgs e)
   {
      if (!IsPostBack)
      {
         mviewMain.SetActiveView(CustomerView);
      }
   }
   protected void LinkButton_Command(object sender, CommandEventArgs e)
   {
      switch ((string)e.CommandName)
      {
         case "Customer":
            mviewMain.SetActiveView(CustomerView);
            break;
         case "Book":
            mviewMain.SetActiveView(BookView);
            break;
         case "Categories":
            mviewMain.SetActiveView(CategoriesView);
            break;
      }
   }
}