Установка выбранного стиля в AJAX Control Toolkit - TabContainer - PullRequest
Новая
       13

Установка выбранного стиля в AJAX Control Toolkit - TabContainer

1 голос
/ 10 июня 2009

Я использую tabContainer на своей странице, и я установил HeaderTemplete - например: 

<cc1:TabContainer ID="TabContainer1" runat="server" CssClass="tab">

        <cc1:TabPanel ID="ListView" runat="server" HeaderText="List View">
        <HeaderTemplate>
            <asp:Label style="padding:2px;" Width="100px" ID="ListHeader" runat="server" 
                CssClass="tdheader" Text="List View"></asp:Label>
        </HeaderTemplate>
            <ContentTemplate>
           </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="MapView" runat="server" HeaderText="Map View">
        <HeaderTemplate>
            <asp:Label style="padding:2px;" Width="100" ID="Label1" runat="server" CssClass="tdheader" Text="Map View"></asp:Label>
        </HeaderTemplate>
            <ContentTemplate>
            </ContentTemplate>
        </cc1:TabPanel>
        </cc1:TabContainer>

Как установить стиль вкладки «Активно», т. Е. Я хочу, чтобы активная вкладка была синей, а остальные вкладки серыми.

1 Ответ

3 голосов
/ 10 июня 2009

В вашем CSS-классе для вкладок используйте класс ajax__tab_active. Взгляните на пример страницы Tabs для получения списка классов CSS, которые можно применить к элементу управления Tabs.

Я взял тему вкладок с сайта Мэтта Берсета , и он использует эти классы в своем примере кода.

...