Passer au contenu principal

Comment ajuster la largeur du formulaire et l’espacement des champs dans Formaloo

Découvrez comment ajuster la largeur du formulaire et l’espacement des champs dans Formaloo pour maîtriser la mise en page, améliorer les formulaires intégrés et obtenir un design net et bien aligné.

Les paramètres de largeur du formulaire et d’espacement des champs de Formaloo vous aident à contrôler l’apparence et le rendu de votre formulaire. En ajustant la largeur du formulaire ainsi que les espacements horizontal et vertical, vous pouvez affiner votre mise en page pour que les questions s’affichent exactement comme vous le souhaitez. C’est particulièrement utile lorsque votre formulaire est intégré à un site web et doit correspondre à une mise en page ou à un design précis.

ℹ️ Inclus dans le forfait : disponible avec les forfaits payants

Ce que sont la largeur du formulaire et l’espacement des champs, et pourquoi c’est important

La largeur et l’espacement sont des réglages de mise en page qui agissent sur la structure globale de votre formulaire, et non sur des champs individuels.

Ils sont importants, car ils vous aident à :

  • Contrôler la largeur d’affichage de votre formulaire sur ordinateur et en vue intégrée.

  • Améliorer la lisibilité en ajoutant ou en réduisant l’espace entre les questions.

  • Éviter les mises en page surchargées lorsque plusieurs champs apparaissent sur la même ligne.

  • Adapter la mise en page de votre formulaire au design de votre site web ou de votre marque.

Ces paramètres fonctionnent en complément de la largeur des champs, ce qui vous donne un contrôle total à la fois sur la mise en page globale et sur les détails d’espacement.

💡 Vous souhaitez contrôler la largeur des champs individuels sur chaque ligne ? Découvrez le fonctionnement de la largeur des champs.

Comment personnaliser la largeur du formulaire étape par étape

La largeur du formulaire définit la largeur maximale de l’ensemble du conteneur du formulaire.

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

  2. Accédez à l’onglet Design.

  3. Dans la section Layout, repérez le curseur Form width.

  4. Déplacez le curseur vers la droite pour augmenter la largeur du formulaire.

  5. Déplacez le curseur vers la gauche pour réduire la largeur du formulaire.

Les modifications s’appliquent immédiatement : vous pouvez donc prévisualiser le résultat en ajustant le curseur.

💡 Vous intégrez votre formulaire et souhaitez qu’il s’insère parfaitement dans la mise en page de votre site ? Découvrez comment intégrer un formulaire à votre site web.

Comment personnaliser l’espacement des champs

L’espacement des champs contrôle la distance entre les champs de votre formulaire. Ces paramètres se trouvent également dans la section Layout de l’onglet Design.

Espacement vertical entre les champs

  • Ajuste l’espace entre les questions empilées les unes sur les autres.

  • L’augmenter rend le formulaire plus aéré.

  • Le réduire crée un formulaire plus compact.

Espacement horizontal entre les champs

  • Ajuste l’espace entre les champs affichés sur une même ligne.

  • Utile avec des largeurs de champ de 1/2 ou 1/3.

  • Évite que les champs paraissent à l’étroit côte à côte.

💡 Conseil de pro : vous souhaitez contrôler encore plus finement l’espacement et la mise en page avec du code ? Consultez les exemples de CSS personnalisé les plus demandés pour les formulaires.

Les paramètres de largeur du formulaire et d’espacement des champs de Formaloo vous donnent un contrôle total sur l’affichage de vos formulaires. En ajustant la largeur globale du formulaire et en affinant les espacements horizontal et vertical, vous pouvez créer des mises en page nettes, professionnelles et parfaitement alignées, notamment pour les formulaires intégrés et les workflows complexes.

Cas d’usage dans différents secteurs

📊 NPS et rapports sur les retours clients

Collectez efficacement des retours tout en gardant des enquêtes courtes et lisibles. Les mises en page compactes aident les utilisateurs à répondre plus vite aux questions de notation et de profil avant de laisser des commentaires détaillés.

👉 Utilisez ce modèle pour une solution prête à l’emploi : NPS Campaign Reporting Dashboard

🐾 Admission et enregistrement en pension pour animaux

Regroupez côte à côte les informations du propriétaire et celles de l’animal pour accélérer l’admission et fluidifier l’enregistrement sur place ou en ligne.

👉 Utilisez ce modèle pour une solution prête à l’emploi : Pet Boarding Intake Form

🛠 Demandes de service et workflows internes

Créez des formulaires de demande compacts qui collectent les informations essentielles sur moins de lignes, pour que les équipes puissent examiner et traiter plus facilement les soumissions.

👉 Utilisez ce modèle pour une solution prête à l’emploi : Service Request Form

🤝 Gestion des fournisseurs et des candidatures

Organisez les informations des candidats en lignes structurées pour que les évaluateurs puissent les parcourir rapidement et décider plus vite.

👉 Utilisez ce modèle pour une solution prête à l’emploi : Vendor Application Form

💡 Vous souhaitez que vos formulaires compacts soient encore plus rapides pour les utilisateurs récurrents ? Découvrez comment les formulaires à mémoire remplissent automatiquement les champs tout en préservant la mise en page

Questions fréquentes sur la largeur du formulaire et l’espacement des champs dans Formaloo

Qu’est-ce que la largeur du formulaire dans Formaloo ?

La largeur du formulaire définit la largeur maximale de l’ensemble du conteneur du formulaire sur la page.

Où puis-je modifier la largeur du formulaire ?

Vous pouvez la modifier depuis l’onglet Design, dans la section Layout de l’éditeur de formulaire.

Sur quoi agit l’espacement vertical ?

L’espacement vertical modifie la distance entre les questions empilées les unes sur les autres.

Sur quoi agit l’espacement horizontal ?

L’espacement horizontal modifie la distance entre les champs affichés sur une même ligne.

Les paramètres d’espacement affectent-ils les champs individuels ?

Non. Les paramètres d’espacement s’appliquent globalement à la mise en page du formulaire, et non aux champs individuels.

Puis-je rétablir l’espacement par défaut ?

Oui. Vous pouvez réinitialiser l’espacement pour revenir aux paramètres de mise en page d’origine de Formaloo.

La largeur du formulaire affecte-t-elle l’affichage sur mobile ?

La largeur du formulaire concerne principalement l’affichage sur ordinateur et en vue intégrée. Les mises en page mobiles s’adaptent automatiquement.

Puis-je combiner les paramètres d’espacement avec la largeur des champs ?

Oui. La largeur des champs et l’espacement fonctionnent ensemble pour créer des mises en page à plusieurs colonnes bien ordonnées.

Ces paramètres sont-ils utiles pour les formulaires intégrés ?

Oui. Ils sont particulièrement utiles lorsque vous intégrez des formulaires à des sites web.

La largeur du formulaire et l’espacement affectent-ils les données collectées ?

Non. Ces paramètres modifient uniquement la mise en page visuelle et n’ont aucun impact sur les données enregistrées.

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