Passer au contenu principal

Comment créer une mise en page sur deux colonnes ?

Découvrez comment créer une mise en page sur deux colonnes dans les formulaires Formaloo en ajustant la largeur des champs avec les options 1/2, 1/3 et 2/3.

Vous pouvez créer une mise en page sur deux colonnes dans les formulaires Formaloo en ajustant la largeur des champs. Plusieurs champs peuvent ainsi s’afficher sur la même ligne au lieu de s’empiler verticalement.

Étape par étape

  1. Ouvrez votre formulaire dans l’éditeur de formulaires.

  2. Cliquez sur le champ que vous souhaitez ajuster.

  3. Accédez à l’onglet Edit.

  4. Repérez les paramètres Section du champ.

  5. Définissez la largeur du champ (Field width) sur l’une des options disponibles :

    • Par défaut (Default)

    • Pleine largeur (Full)

    • 1/2

    • 1/3

    • 2/3

Fonctionnement des largeurs de champ

  • Les champs dont les largeurs sont compatibles et qui sont placés l’un à côté de l’autre s’afficheront sur la même ligne.

  • Si la largeur totale des champs d’une ligne correspond à une ligne complète, ils s’aligneront horizontalement.

Exemple

  • Définissez le champ A sur 1/3

  • Définissez le champ B sur 2/3

Ces deux champs s’afficheront sur une seule ligne, créant ainsi une mise en page sur deux colonnes.

Conseils

  • Utilisez 1/2 + 1/2 pour deux colonnes de même largeur.

  • Utilisez 1/3 + 2/3 ou 2/3 + 1/3 lorsqu’un champ nécessite plus d’espace.

  • Si un champ passe à la ligne suivante, vérifiez que la somme des largeurs ne dépasse pas une ligne complète.

Cette approche vous aide à créer des formulaires plus clairs, plus compacts et plus lisibles sans utiliser de CSS personnalisé.

Avez-vous trouvé la réponse à votre question ?