Forums : Xul, Xbl, JS...

Aller à la discussion : Plus récente Plus ancienne

# Layout XUL

Envoyé par : lucas

Date : 22/08/2005 13:44

Bonjour à tous.

J'ai un petit problème de layout en XUL. Quelque chose doit m'échapper dans le fonctionnement.

Voici mon code (sommaire) :

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window
  id="fenetre_principale"
  title="Test"
  height="600"
  width="800"
  xmlns:html="http://www.w3.org/1999/xhtml"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  >

<hbox flex="1">

<groupbox flex="1">
<caption label="truc"/>

<hbox>
   <label value="machin"/>
   <label value="machin"/>
   <label value="machin"/>
   <label value="machin"/>
</hbox>

</groupbox>

<groupbox flex="1">
<caption label="truc2"/>

<hbox>
   <label value="machin"/>
</hbox>

</groupbox>

</hbox>

</window>

Je n'arrive pas à comprendre pourquoi la première vbox (groupbox) a une taille supérieure à la deuxième, alors qu'elles ont toutes les deux la propriété flex="1".

Quelle est la solution pour avoir des vbox de tailles égales, affichant le même résultat (indépendamment du nombre de label dans l'une ou l'autre) ?

Merci.

# Re: Layout XUL

Envoyé par : thefab

Date : 07/10/2005 15:27

Flex ne définit pas la taille initiale d'un élément, mais la proportion (sorte de pourcentage) que l'élément utilise pour s'aggrandir ou se rétrécir. Donc si tu as 2 éléments: un avec flex=1 et l'autre avec flex=2, le deuxième élément grandira 2x plus vite que le premier.

Dans ton cas le premier groupe prend plus de place car il contient plus d'éléments. Je pense que tu peux utiliser l'attribut style avec une largeur (pas testé) du genre:

<box style="width: 50%;">
    ...
</box>

La même chose pour le deuxième élément et ça devrait fonctionner.

Il n'est plus possible de poster des messages dans ce forum.