Redimensionnement des colonnes¶
Dans WebAcappella, les colonnes permettent d’organiser les contenus de manière flexible. Une fois placées dans une ligne, elles peuvent être redimensionnées à l’aide de curseurs latéraux, en s’alignant sur une grille de 12 crans pour assurer une mise en page structurée.
Principe¶
Chaque colonne sélectionnée affiche deux curseurs latéraux (gauche et droit).
Le redimensionnement suit une grille de 12 crans, ce qui signifie que la largeur des colonnes est ajustable en unités prédéfinies et non librement en pixels.
Modifier la largeur d’une colonne¶
Sélectionner le mode “colonne” (ce qui rend la sélection plus facile).
Cliquer sur une colonne pour la sélectionner.
Attraper un des curseurs latéraux (gauche ou droit).
Glisser le curseur vers la gauche ou la droite : la colonne s’ajuste en fonction des crans de la grille.
Relâcher le clic pour valider la nouvelle largeur.
Gérer l’adaptabilité des colonnes¶
✔ Répartir les colonnes de manière équilibrée en tenant compte des 12 crans disponibles. ✔ Limiter le nombre de colonnes trop étroites pour éviter des contenus illisibles sur mobile. ✔ Tester le rendu responsive pour vérifier l’ajustement automatique des colonnes selon la taille de l’écran.