Discussion :

[stefsas]

Bonour,

J'ai voulu utilisé le TabContainer en y introduisant des objets de type panel à l'intérieur.
Mais j'ai remarqué qu'il m'est nécéssaire de devoir fixer la taille du bloc pour mes éléments à l'intérieur ne sorte pas.

N'y a t-il pas un moyen pour que le TabContainer s'ajuste automatiquement en fonction de ses éléments ?

Je met mon code au cas où, merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="500px">
 
            <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="Données de détection">
                <ContentTemplate>
 
   <div id="boitelibelle1">
        <asp:Panel ID="LibelleDescription" runat="server" style="background: #A8C1DF; width:100px ;text-align:center; color:#F7FBFA" >  Description  </asp:Panel>
   </div> 
       <asp:RoundedCornersExtender ID="RoundedCornersExtender1" TargetControlID="LibelleDescription" Corners="Top" Radius="6" runat="server"> </asp:RoundedCornersExtender>
   <div id="boite1">
 
        boite1
 
   </div> :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#boite1
{
 float:left;
 width:100%;
 height:220px;
 border: 1px solid #C2C4C6;
 padding: 2px;
 margin-left:5px;  
 background: #DEE2EA; 
} 
 
#boitelibelle1
{
 margin-left:5px;
 margin-top:20px;  
}

[stefsas]

J'ai également rencontré un deuxième problème.
Par défaut, le TabContainer a un fond blanc et j'ai donc voulu lui appliquer un style en utilisant la propriété :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

CssClass="BackColorTab"

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.BackColorTab
        {
            background-color: blue  ;
        }

Le problème en faisant cela, c'est que l'on a une disparition des onglets qui se retrouvent sous forme de texte ?

Quelqu'un connait d'où vient le problème ?

Merci.

[Nicolas Esprit]

Bonjour,

Jette un coup d'œil là dessus, tu trouveras ton bonheur et des exemples de style sympas.

En espérant t'avoir aidé.