Ce guide explique comment définir la largeur qu'un champ occupera dans le formulaire, vous permettant d'optimiser la mise en page pour différents écrans (Desktop, Tablette et Mobile).
Un champ de largeur 100% occupera toute la ligne, tandis qu'un champ à 50% permettra d'afficher deux champs côte à côte sur la même ligne.
Procédure pour Définir la Largeur du Champ
1. Accédez aux Paramètres du Champ :
Dans la section Champs de votre formulaire, ouvrez les paramètres du champ que vous souhaitez modifier.
2. Repérez la Largeur du Champ :
Faites défiler les paramètres du champ jusqu'à trouver l'option intitulée :
- Largeur du champ
3. Sélectionnez la Taille Responsive :
Cliquez sur le menu déroulant Largeur du champ. Ce menu est divisé en groupes par type d'appareil : Desktop, Tablette et Mobile.
4. Définissez la Largeur par Appareil :
Pour chaque groupe d'appareils, sélectionnez le pourcentage de largeur souhaité. Vous pouvez choisir une largeur différente pour chaque type d'écran :
| Appareil | Option | Description |
|---|---|---|
| Desktop | 100% | Le champ occupe toute la ligne (1/1). |
| Desktop | 50% | Le champ occupe la moitié de la ligne (1/2). |
| Desktop | 33% | Le champ occupe un tiers de la ligne (1/3). |
| Desktop | 66% | Le champ occupe deux tiers de la ligne (2/3). |
| Desktop | 25% | Le champ occupe un quart de la ligne (1/4). |
| Tablette | mêmes options | Largeur appliquée sur écrans de taille moyenne. |
| Mobile | mêmes options | Largeur appliquée sur petits écrans (smartphones). |
Remarque : Si vous ne spécifiez pas une largeur pour un appareil, la largeur par défaut sera appliquée (généralement 100%).
5. Enregistrez les Modifications :
Après avoir défini les largeurs souhaitées pour tous les appareils, assurez-vous d'enregistrer les modifications du champ et du formulaire entier.
Définition de la Largeur pour le Bouton d'Envoi
Il est également possible de définir la largeur pour le bouton d'envoi (Submit) :
1. Accédez à la Section Générale :
Dans le formulaire en mode édition, allez à l'étape Général et faites défiler jusqu'à la section Bouton d'envoi.
2. Trouvez le Paramètre :
Repérez l'option intitulée :
- Largeur du champ
3. Sélectionnez la Taille :
Utilisez le menu déroulant pour sélectionner la largeur du bouton pour Desktop, Tablette, et Mobile (par exemple, 1/1 pour 100%, 1/2 pour 50%, etc.).
4. Enregistrez le Formulaire :
Enregistrez tout le formulaire afin d'appliquer la nouvelle largeur au bouton.
