06Sep, 2016
0Réaction(s)

L’élément Séparateur : structurez vos formulaires ! 

L’élément Séparateur permet de mettre en forme vos données avec des catégories, des rubriques, dans votre formulaire. Cela peut être très utile pour structurer un long formulaire.

Exemple.

Etant propriétaire d’un garage automobile, vous souhaitez renseigner une fiche client pour chaque réparation. Pour plus de clarté dans votre formulaire, vous souhaitez le structurer par types d’informations : renseignements client, identification du véhicule et intervention.

Sur le back office.

  • Rendez-vous sur la plateforme kizeoforms.com dans Modifier ou Créer un formulaire.
  • Cliquez sur l’élément Séparateur.
  • Pour accéder à ses fonctionnalités, rendez-vous dans les Options de l’élément en cliquant sur le crayon.
  • Dans la case Titre de l’onglet Propriétés vous pouvez renommer votre séparateur.

Dans l'onglet Propriétés vous pouvez renommer votre séparateur.

Pour suivre notre exemple nous le renommerons « Renseignements client ».

  • Dans l’onglet Affichage, vous pouvez définir si vous souhaitez que le séparateur soit fermé à l’ouverture du formulaire, sa taille, sa couleur et y insérer une icône.

Dans l’onglet Affichage, vous pouvez définir sa taille, sa couleur et y insérer une icône si vous le souhaitez.

  • Pour définir sa taille, cliquez sur la liste déroulante Hauteur et sélectionnez GrandMoyen ou Petit.

Définissez la taille de votre champ.

  • Pour définir sa couleur, cliquez sur la liste déroulante Couleur de fond et sélectionnez la couleur que vous souhaitez.

Sélectionnez la couleur souhaitée.

  • Pour insérer une icône dans votre séparateur, cliquez sur la case Icône, et sélectionnez celle que vous souhaitez.

Sélectionnez l'icône souhaitée.

  • Cliquez sur Valider pour enregistrer vos paramètres.

Astuce : lorsque vous définissez la visibilité d’un Séparateur, l’ensemble des champs présents en dessous auront la même que ce dernier.

Sur le mobile.

Voyez ci-dessous l’apparence des trois SéparateursRenseignements clientIdentification du véhicule et Intervention créés pour notre exemple.
Tous les trois ont été paramétrés de tailles et de couleurs différentes avec une icône.

Voici le résultat sur le mobile.

N’hésitez pas à commenter cet article !
Nous sommes disponibles pour répondre à vos questions, suggestions, remarques, etc. !

Poster un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *