Forums : Xul, Xbl, JS...

ça s'affiche très bien chez moi. Tu as vidé ton cache ?

Ton code fonctionne très bien... ton cache est-il désactivé ?

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="yourwindow"  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<groupbox flex="1">
<label value="Lignes de demande d'achat"/>
<tree flex="10">
<treecols>									
               <treecol id="TDA1" label="Numéro" sortActive="true"/>
	<treecol id="TDA2" label="Description" sortActive="true"/>
	<treecol id="TDA3" label="Statut" sortActive="true"/>
</treecols>
<treechildren>
  <treeitem>
    <treerow>
   	 <treecell label="001"/>
        <treecell label="renouvellement"/>
 <treecell label="Nouveau"/>
    </treerow>
  </treeitem>
  <treeitem>
    <treerow>
      <treecell label="002"/>
      <treecell label="réparation vitre"/>
      <treecell label="Approuvé"/>
    </treerow>
  </treeitem>
 </treechildren>
</tree>
</groupbox>

</window>

J'ai vidé mon cache mais je ne sais pas comment le désactiver mais le résultat est le même sauf que quand j'essaye de le mettre dans une page tout seul ca fonctionne donc voici tout le code :

<tabpanels id="tabpanels" flex="1">			
<tabpanel id="panel-tab0" align="center" pack="center">
			<vbox>
				<groupbox>				
					<hbox id="creer" align="right">
						<label control="creer" value="Créer une nouvelle DA"/>
						<spacer flex="1" style="width: 125px"/>
						<button id="creer" label="Créer" oncommand="copyTab();" />
					</hbox>
				</groupbox>
				<groupbox>
				<caption label="Recherche d'une DA existante"/>
					<hbox id="rechercher" flex="1">
						<vbox>
							<hbox>
								<label control="numDA" value="N° DA"/>
								<textbox id="numDA"/>
								<label value="Statut"/>
								<menulist label="Statut">
						  	 	<menupopup>
						    	 	<menuitem label="Statut" selected="true"/>
						     		<menuitem label="Statut2"/>
						   		</menupopup>
								</menulist>
							</hbox>
							<hbox>
								<label value="Fournisseur"/>
								<menulist label="Fournisseur" editable="true">
						  	 	<menupopup>
						    	 	<menuitem label="Fournisseur1" selected="true"/>
						     		<menuitem label="Fournisseur2"/>
						   		</menupopup>
								</menulist>
								<spacer flex="1" style="width: 15px"/>
								<hbox>
										<label control="produit" value="Produit"/>
										<textbox id="produit"/>
										<button value="arbre" label="Arbre"/>
									</hbox>
							</hbox>
							<hbox>
							<label value="Créateur"/>
								<menulist label="Createur">
						  	 	<menupopup>
						    	 	<menuitem label="Créateur" selected="true"/>
						     		<menuitem label="Créateur2"/>
						   		</menupopup>
								</menulist>
							</hbox>
							<hbox align="right">
										<button value="search" label="Lancer la recherche"/>
							</hbox>
						</vbox>
					</hbox>
				</groupbox>
				<groupbox flex="1">
				 	<label value="Lignes de demande d'achat"/>
				 					<tree flex="10">
										<treecols>
											<treecol id="TDA1" label="Numéro" sortActive="true"/>
											<treecol id="TDA2" label="Description" sortActive="true"/>
											<treecol id="TDA3" label="Statut" sortActive="true"/>
										</treecols>
										<treechildren>
									   <treeitem>
									     <treerow>
									    	 <treecell label="001"/>
									       <treecell label="renouvellement"/>
									       <treecell label="Nouveau"/>
									     </treerow>
									   </treeitem>
									   <treeitem>
									     <treerow>
									       <treecell label="002"/>
									       <treecell label="réparation vitre"/>
									       <treecell label="Approuvé"/>
									     </treerow>
									   </treeitem>
									  </treechildren>
									</tree>
				 </groupbox>
				</vbox>
</tabpanel>
</tabpanels> 

J'ai trouvé le problème de l'affichage ca vient de :
<tabpanel id="panel-tab0" align="center" pack="center">

Maintenant mon problème est : comment faire pour que tout soit au centre?

Si j'ai bien compris l'utilisation des spacers et de la flexibilité :

Actuellement tu as dans ta vbox 3 groupbox, dont une avec l'attribut flex à 1 (nécessaire pour voir les lignes de la grille)

Si tu ajoutes un spacer avec la même valeur flex à 1 avant la première et après la dernière groupbox, tu te retrouveras avec un tabpanel "centré", ou plutôt avec des espaces en haut et en bas de même proportion que ta troisième groupbox...

Ah j'y avais pas pensé à utiliser les spacers. Merci beaucoup c'est impeccable !