Skip to main content

3.2 Les composants conteneurs

Les conteneurs sont des contrôles permettant un agencement spécifique des contrôles situés à l’intérieur.

 

3.2.1 La grille réactive

La grille réactive (ou Responsive) est le conteneur par défaut utilisé lors de la création d’un écran. Elle offre une ergonomie de type Responsive Design qui permet de placer les composants d’écran sans avoir à s’occuper de leur taille, place, position, etc. (ces options restant personnalisables).

 

Grille_responsive.pngPlacer deux contrôles côte à côte dans la grille Responsive a pour effet d’ajuster leur taille automatiquement

 

3.2.2 La disposition linéaire

La disposition linéaire aligne les contrôles placés à l’intérieur. Les contrôles sont disposés les uns à la suite des autres, sans possibilité d’ajuster leur taille selon le format ou la résolution d’écran, et ils ne bénéficient d’aucune marge (cette option reste paramétrable).

Disposition_lineaire.pngLes contrôles sont alignés l’un après l’autre sans marge

 

3.2.3 La disposition en frontière

Ce conteneur permet de définir la position des contrôles selon une disposition géographique. Il est divisé en cinq zones :

  • nord

  • sud

  • centre

  • est

  • ouest

Les contrôles peuvent se placer sur chacune de ces cinq zones, en les déplaçant à l’endroit voulu.

 

Frontiere.png

Ici, une image est placée dans la zone nord, des champs de saisie sont au centre, une liste à l’est et un champ de recherche au sud

 

Toutes les zones sont optionnelles, à l’exception du centre, et n’apparaissent que si un contrôle y est placé. Les zones sont affichées avec leurs contrôles dans la liste des contrôles à gauche de l’écran.

 

Frontiere_1.png

 

3.2.4 La disposition libre

La disposition libre permet de placer les contrôles à la main, c’est-à-dire en saisissant leurs coordonnées X et Y. Leur placement n’est pas géré automatiquement.

 

Disposition_libre.png

Les contrôles se placent là où le pointeur de souris les dépose, ou en modifiant leurs coordonnées X et Y depuis leur panneau de propriétés

 

3.2.5 Le formulaire

Les formulaires disposent d’un conteneur dédié. Il dispose de propriétés particulières : les labels placés à côté d’un champ de saisie sont associés automatiquement à celui-ci. De plus, tous les composants placés dans un conteneur formulaire ont une marge inférieure de 15 pixels (modifiable dans les propriétés du contrôle).

 

Formulaire.pngPlacer un label à côté d’un champ de saisie dans un formulaire associe les deux contrôles

Back to top