Onglets avec TabContainer et TabPanel

**DeveloppeurWeb** · 10/02/2011, 11h59

Bonjour,
J'arrive de construire des onglets avec le contrôle AJAX TabContainer
mais le problème maintenant, je veux afficher une page dans le deuxième onglet par exemple (une page déjà développé)
est ce je la mets dans un iframe et celui ci dans le tabpanel?

**ragu23** · 10/02/2011, 12h24

Tu peux ajouter un bouton dans le TabPanel et par la suite, en cliquant sur c boutton, tu ouvre un popup qui contient la page.

**DeveloppeurWeb** · 10/02/2011, 14h11

Je veux afficher par exemple Goole dans le 1er panel , Yahoo dans le deuxième panel

**D4rkTiger** · 10/02/2011, 14h18

Il y a plus simple

Tu crées un UserControl où tu mets le code de ta page dedans. En fait, tu dois refaire ta page aspx mais dans un UserControl (.ascx)

Ensuite dans la page contenant le TabContainer, tu références ton UserControl que tu viens de créer et tu l'utilises ensuite dans ton tabContainer pour l'inclure dans le 2nd panel.

Ajoutes ceci en haut de la page

Code :

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

1
2
3
4
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 
<%@ Register Src="~/tonUserControle.ascx"  TagName="control" TagPrefix="uc1"%>

Ensuite utilises de cette manière dans ton TabContainer

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<cc1:TabContainer id="monConteneurOnglets" runat="server">     
    <cc1:TabPanel ID="tabBlocs1" runat="server" HeaderText="Workflow crédit">
      <HeaderTemplate>Mon 1er Onglet</HeaderTemplate>
       <ContentTemplate>
            Je remplis mon 1er onglet            
       </ContentTemplate>
    </cc1:TabPanel>   
    <cc1:TabPanel ID="tabBlocs2" runat="server" HeaderText="Workflow crédit">
      <HeaderTemplate>Mon 2nd Onglet</HeaderTemplate>
       <ContentTemplate>
           <uc1:control  ID="MonControl" runat="server"  /> 
       </ContentTemplate>
    </cc1:TabPanel>            
</cc1:TabContainer>

En espérant t'avoir aider

**zooffy** · 10/02/2011, 14h20

Normalement un Iframe doit être bon, puisque tu met ce que tu veux comme contrôle hTML dans le TabContainer.
Ensuite tu gère la taille et ça doit rouler.

Par contre, si tu t'amuse avec l'aspect des Header et que tu arrive au même réusultat sur IE et FF, fais moi signe, je suis curieux, moi j'y arrive pas. En CSS bien sûr.