Widget Row (Ligne)

Le widget Row (Ligne) est un conteneur de mise en page qui vous permet de positionner et d’organiser le contenu côte à côte dans une ligne alignée sur une page. Une ligne est constituée d’une grille à plusieurs colonnes qui permet de positionner uniformément les widgets que vous organisez horizontalement.

Diagramme illustrant une grille de trois colonnes

Exemples

Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :

  • Vous souhaitez que les éléments de page, tels que les images et leur description, soient alignés horizontalement.
  • Vous concevez une page plein écran et souhaitez organiser une partie de son contenu dans des lignes réparties uniformément.

Remarques sur l'utilisation

Le widget Row (Ligne) possède une grille de 12 colonnes. Toutes les colonnes de cette grille possèdent la même taille et cette dernière est ajustée en fonction de la taille du widget Row (Ligne) et des paramètres d’écart et de remplissage que vous spécifiez. Les espaces d’écart et de remplissage sont évidents dans la grille et apparaissent lorsque vous déplacez les widgets dans la ligne. Lorsque vous ajoutez des widgets et que vous les repositionnez, ils sont capturés sur la grille de la ligne. Un widget que vous ajoutez à une ligne peut être dimensionné de sorte à couvrir une ou plusieurs colonnes de la grille.

Vous pouvez ajouter d’autres widgets de mise en page à une ligne (tels qu’un widget Column (Colonne)) pour plus de contrôle lors de la conception de vos pages.

Paramètres

Le widget Row (Ligne) inclut les paramètres suivants :

  • Gap (Écart) : spécifiez l’espace entre les widgets imbriqués (en pixels). Par exemple, si vous souhaitez que les segments des widgets se touchent, spécifiez une valeur de 0 pour Gap (Écart).
  • Padding (Remplissage) : modifiez l’espace de remplissage de 10 pixels par défaut autour du segment intérieur du widget Row (Ligne) pour ajuster l’espace entre la limite de la ligne et celle de ses widgets imbriqués. Vous pouvez ajuster le remplissage de tout côté (haut, droit, bas, gauche) en pixels ou en pourcentage. Vous pouvez verrouiller un remplissage indépendant pour synchroniser le remplissage de tous les côtés ; si vous saisissez une valeur pour un côté, tous les autres côtés sont alors mis à jour en conséquence. Le remplissage est automatiquement appliqué au groupe des widgets imbriqués dans la ligne.