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).

Placer 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).

Les 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.

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.

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.

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).