L'ingéniérie des Logiciels Libres

DojoToolkit - un container avec gestion fluide de la mise en page

Gilles Polart-Donat

Le container HVLayout permet de mettre en page des éléments enfants, horizontalement ou verticalement, en gérant les dimensions de chacun des enfants, soit en valeur absolue, soit de manière proportionnelle en automatique.

Par exemple :

<div id=''hlayout1'' mode=''horizontal'' dojotype=''mioga.HVLayout''>
    <div id=''col1'' width=''30%'' dojotype=''dijit.layout.ContentPane''>
        Col1
    </div>
    <div id=''col2'' width=''auto'' dojotype=''dijit.layout.ContentPane''>
        Col2
    </div>
    <div id=''col2'' width=''200px'' dojotype=''dijit.layout.ContentPane''>
        Col2
    </div>
</div>

permet de définir une organisation horizontale avec une première colonne prenant 30% de la taille du parent, la deuxième utilisant tout l'espace disponible restant et la dernière étant fixe à 200 pixels.

Lire la suite ...