Réglage style sélectionné dans AJAX Control Toolkit - TabContainer

Question

J'utilise un TabContainer dans ma page, et j'ai mis le HeaderTemplete - par exemple:

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

Comment définir le style de l'onglet actif, à savoir que je veux l'onglet actif doit être bleu et le reste des onglets en gris.

Answer 1

Dans votre classe CSS pour les onglets, utilisez la classe ajax__tab_active. Jetez un oeil à the Tabs example page pour une liste des classes CSS qui peuvent être appliquées au contrôle Tabs.

J'ai pris le thème de mes onglets de Matt Berseth's site, et il utilise ces classes dans son exemple de code.