Forums : Xul, Xbl, JS...

right="0"

Non ?

laurentj a écrit:

right="0"

Non ?

Malheureusement, non :-( Comme indiqué dans le tuto, seul les propriétés top et left sont implémentés. Pourquoi ? C'est une bonne question et dont je ne vois pas du tout la réponse....

il y a toujours le javascript, mais c'est un peu lourd même pour un seul élément.

left = stack.boxObject.width - button.boxObject.width

En plus, si ta stack peut être redimensionnée, ça pose problème. Bref, c'est loin d'être idéal,

mistervince a écrit:

il y a toujours le javascript, mais c'est un peu
lourd même pour un seul élément.

left = stack.boxObject.width -
button.boxObject.width

En plus, si ta stack peut être redimensionnée, ça
pose problème. Bref, c'est loin d'être idéal,

C'est vrai que le javascript pourrait fonctionné, mais ma fenêtre qui contient mon stack étant redimensionnable, il faudrait qu'à chaque fois que la fenêtre est redimensionné je recalcule la valeur de left.... Et sachant que je peux avoir un gros nombre de stack de la même forme dans ma fenêtre, ça peut vite devenir complexe et très lourd pour recalculer toutes les valeurs des différents left....

En tout cas, ça à le mérite de fonctionner donc c'est déjà une avancée Merci ;-)

Personne d'autre n'a d'idée ?

re

J'ai trouvé une solution qui semble satisfaisante en utilisant du html à la place du <stack/>. En tous cas, ça te permettra peut-être de continuer à avancer ;-).

<html:div style="position: relative;">
    <vbox style="width: 100%"><!--le flex ne marche pas ici-->
       <label value="label 1" />
       <label value="label 2" />
       <label value="label 3" />
       <button label="bouton" />
   </vbox>
   <html:div style="position: absolute;top: 0px;right: 0px;">
       <toolbarbutton label="petit"/>
   </html:div>
</html:div>

ou plus simplement encore, mettre le bouton dans une box et on positionne ce bouton en haut à droite de cette box.

 
 <stack flex="1">
    <vbox flex="1">
       <label value="label 1" />
       <label value="label 2" />
       <label value="label 3" />
       <button label="bouton" />
    </vbox>
    <hbox flex="1" pack="end" align="start">
       <toolbarbutton label="petit" />
    </hbox>
 </stack>

laurentj a écrit:

ou plus simplement encore, mettre le bouton dans
une box et on positionne ce bouton en haut à
droite de cette box.

<stack flex="1">
<vbox flex="1">
<label value="label 1" />
<label value="label 2" />
<label value="label 3" />
<button label="bouton" />
</vbox>
<hbox flex="1" pack="end" align="start">
<toolbarbutton label="petit" />
</hbox>
</stack>

Effectivement, visuellement cette méthode fonctionne bien mais.... essaye d'appuyer sur le bouton La deuxième box étant au-dessus des label 1, label 2, label 3 et bouton, il est alors impossible d'interagir avec les éléments de la première box.

J'ai testé la méthode en utilisant du html au lieu de stack, et ca fait péter tout mes styles.... donc je continue sur ce chemin pour essayer de voir si je peux garder mes styles en utilisant du html... à suivre....

Ah oui j'ai pas pensé à cliquer

J'y suis arrivé....

En partant de la solution via du html, puis repassage au xul des balises mais avec des styles se rapprochant du html.... Bref, un petit bout de code expliquera mieux que les mots, voilà le résultat :

<box style="display:block; position:relative;">
    <box class="icongroup-tools" style="position:absolute; top:0px; right:0px;">
        <toolbarbutton label="petit" />
    </box>
    <vbox>
        <label value="label 1" />
        <label value="label 2" />
        <label value="label 3" />
        <button label="bouton" />
    </vbox>
</box>

Grand merci à tous de m'avoir aidé

En plus, en bidouillant mon code pour que ça fonctionne, je me suis aperçu que j'avais pleins de box inutile qui me compliquaient énormément la tâche (surtout pour les styles).... en les supprimant ça va beaucoup mieux.... Donc 2 fois merci !!!