Cấp bậc tác giả:

DOTNET

Thiết lập vị trí hiển thị Tab bất kỳ trong TabContainer

Được viết bởi QuangIT ngày 16/09/2012 lúc 10:41 AM
Bài này hướng dẫn cách thứ sử dụng TabContainer và thiết lập vị trí hiển thị Tab ở bất kỳ đâu
  • 0
  • 7892

Thiết lập vị trí hiển thị Tab bất kỳ trong TabContainer

Nhiều bạn mail mình hỏi cách làm thế nào thiết lập vị trí tab cần hiển thị mỗi khi load trang. Bài này mình sẽ hướng dẫn các bạn cách làm cho nó hoạt động.
tabcontainer.jpg
Để được như hình trên, bạn cần quan tâm ActiveTabIndex. Nếu muốn load tab đầu tiên, bạn nên để ActiveTabIndex="0", vị trí thứ 2 thì thay 0 thành 1, cứ thế cộng dần lên.
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" CssClass="Tab">
    <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="TẤT CẢ">
        <ContentTemplate>
            <div style="padding-top: 25px;">
Vị trí đầu tiên
            </div>
</ContentTemplate>
    </asp:TabPanel>
    <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="DOTNET">
        <ContentTemplate>
            <div style="padding-top: 25px;">
Vị trí thứ 2
            </div>
</ContentTemplate>
    </asp:TabPanel>
    <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="PHP">
        <ContentTemplate>
            <div style="padding-top: 25px;">
Vị trí thứ 3
            </div>
</ContentTemplate>
    </asp:TabPanel>
</asp:TabContainer>


Nguồn bài viết: Dngaz.com

BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

LIKE BOX

Bài viết được xem nhiều nhất

HỌC HTML