Tab-control-Demo-C

Components ASP.Net

            <%@ Page Language="C#" %>


    protected void menuTabs_MenuItemClick(object sender, MenuEventArgs e)
    {
        multiTabs.ActiveViewIndex = Int32.Parse(menuTabs.SelectedValue);
    }



    
        html
        {
            background-color:silver;
        }
        .menuTabs
        {
            position:relative;
            top:1px;
            left:10px;
        }
        .tab
        {
            border:Solid 1px black;
            border-bottom:none;
            padding:0px 10px;
            background-color:#eeeeee;
        }
        .selectedTab
        {
            border:Solid 1px black;
            border-bottom:Solid 1px white;
            padding:0px 10px;
            background-color:white;
        }
        .tabBody
        {
            border:Solid 1px black;
            padding:20px;
            background-color:white;
        }
    
    Menu Tab Strip


    
    
    
            id="menuTabs"
        CssClass="menuTabs"
        StaticMenuItemStyle-CssClass="tab"
        StaticSelectedStyle-CssClass="selectedTab"
        Orientation="Horizontal"
        OnMenuItemClick="menuTabs_MenuItemClick"
        Runat="server">
        
                    Text="Tab 1"
            Value="0" 
            Selected="true" />
                    Text="Tab 2" 
            Value="1"/>
                    Text="Tab 3"
            Value="2" />
            
        
        
    
    
    
            id="multiTabs"
        ActiveViewIndex="0"
        Runat="server">
        
        
        Contents of first tab
        
        
        
        
        Contents of second tab
        
        
        
        
        Contents of third tab