Forums : Xul, Xbl, JS...

Aller à la discussion :  Plus récente Plus ancienne

# Désastreux effet de bord sur flex avec image dans bouton

Envoyé par : Christophe Charron

Date : 03/03/2006 19:49

Bonsoir, soit

<window
  id="_test_flex"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 <hbox>
     <description>Nos documents</description>
    <spacer flex="1" />
    <button id="bt_actualiser" label="Actualiser"  />
 </hbox>

 <vbox flex="1">
  <tree id="arbre_des_docs" enableColumnDrag="true" flex="1" 
  flags="dont-build-content" ref="urn:data:row" datasources="null">
    <treecols>
        
      <treecol id="doc_cleunik" persist="width ordinal hidden" label="Clé unique" primary="true" flex="1" class="sortDirectionIndicator" 
        sortActive="false" sortDirection="ascending" sort="rdf:http://dummy/rdf#doc_cleunik" hidden="true" ignoreincolumnpicker="true" />
      <splitter class="tree-splitter"/>
       
      <treecol id="uti_cleunik" persist="width ordinal hidden" label="Identifiant propriétaire" primary="true" flex="1" class="sortDirectionIndicator" 
        sortActive="false" sortDirection="ascending" sort="rdf:http://dummy/rdf#uti_cleunik" ignoreincolumnpicker="true" />
      <splitter class="tree-splitter"/>

      <treecol id="emplacement" persist="width ordinal hidden" label="Document" flex="1" class="sortDirectionIndicator" sortActive="true"
       sortDirection="ascending" sort="rdf:http://dummy/rdf#emplacement"/>
    </treecols>
  </tree>
 
 </vbox>
 <splitter></splitter>
     <hbox>
     <vbox flex="1">
<grid flex="1">
 <columns flex="1">
  <column flex="1" id="colText" />
  <column flex="1" id="colData" width="2000"/>
 </columns>
               <rows>
                   <row flex= "1">
                    <label control="la_emplacement" value="Document"/>
                    <textbox id="tb_emplacement" maxlenght="260"/>
                   </row>
               </rows>
</grid>
</vbox>
     <spacer flex="1" />
     <vbox flex="1">
       <button flex="1" id="bt_detailler" label="Détailler" crop="end" dir="normal" image="SXP01650-16-5_1.png" />
       <spacer flex="2" />
       <button flex="1" id="bt_ajouter" label="Ajouter" crop="end" dir="normal" image="SXP01520-16-5_1.png"  />
     </vbox>
     </hbox>
</window>

J'ai un désatreux effet de bord sur l'alignement des boutons de gauche : si vous rajoutez vraiment des images sur les boutons, le bord droit des boutons est grignoté de la largeur de l'image !!! Comment faire pour que le flex tienne compte de l'image ?

Cordialement Christophe Charron

# Re: Désastreux effet de bord sur flex avec image dans bouton

Envoyé par : laurentj

Date : 04/03/2006 10:41

avec le flex, tu forces en quelque sorte la taille de l'element. Donc n'impose pas de flex sur tes boutons : ils auront la largeur necessaire.

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


Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.