Composants de mise en page

Colonnes

Vous pouvez utiliser le composant Colonnes pour afficher d'autres composants en ligne, en les regroupant sous forme de colonnes.

Lors de la configuration du paramètre Taille (Size), vous avez la possibilité de sélectionner la largeur d'écran souhaitée pour afficher les colonnes à l'aide des classes de grille d'amorçage :

• xs : téléphones (moins de 768px)

• sm - tablettes (égal ou supérieur à 768px)

• md : petits ordinateurs portables (égal ou supérieur à 992px)

• lg - ordinateurs portables et de bureau (égal ou supérieur à 1200px)

• xl - grands moniteurs (égal ou supérieur à 1200px)

• Propriétés de la colonne (Column Properties ) : ajoutez des colonnes au composant et configurez-les en ajustant leurs propriétés Width, Offset, Push et Pull. Après avoir configuré la disposition des colonnes, vous pouvez faire glisser et déposer d'autres composants dans le composant Colonnes .
• Ajuster automatiquement les colonnes : ajuste automatiquement les colonnes, si des composants imbriqués sont masqués.

Panneau

Vous pouvez utiliser le composant Panneau pour regrouper des composants et les ajouter dans un panneau nommé.

• Thème (Theme) : choisissez le thème du panneau dans la liste déroulante. La classe Bootstrap est ajoutée à la div wrapper.
• Rétractable : permet de réduire le panneau.
• Initialement réduit (Initially Collapsed ) - la propriété n'est disponible que lorsque l'option Réductible ( Repliable ) est cochée. Réduit le panneau lorsque le formulaire est chargé.

Table

Vous pouvez utiliser le composant Table pour créer une table qui contient d'autres composants de formulaire à l'intérieur des colonnes et des lignes de la table.

• Nombre de lignes/colonnes (Number of Rows/Columns ) : saisissez le nombre de lignes ou de colonnes que vous souhaitez afficher dans le tableau.
• Clone Row Components (Cloner les composants de ligne) - clone les composants à l'intérieur des lignes et les ajoute également aux lignes restantes. Vous pouvez l'utiliser lors de la création de tables avec plusieurs lignes, qui contiennent le même contenu.
• Alignement des cellules (Cell Alignment) : choisissez l'alignement horizontal des cellules du tableau.
• Rayé : ajoute un ombrage rayé aux lignes.
• Avec bordures : ajoute des bordures visibles au tableau.
• Survol (Hover ) - met la ligne en surbrillance lorsque vous pointez dessus avec la souris.
• Condensé (Condensed) : condense la taille de la table.

Onglets

Vous pouvez utiliser le composant Onglets pour regrouper des composants dans des onglets. Lors du rendu du formulaire, vous pouvez afficher un onglet à la fois.

Le paramètre Onglets vous permet d'ajouter, de configurer, de réorganiser et de supprimer des onglets.