Skip to main content

Guide d'utilisation

Découvrez comment utiliser le builder de formulaires.
 
Vous trouverez le json à remplir dans le dossier /templates à la racine du projet.

"formTitle": "Formulaire Abonnement Hyundai Leasing",
"subTitle": "Demandez à être rappelé par l’un de nos conseiller Hyundai",
"validation": "Votre demande a été envoyée avec succès",

Au sein de ces clés valeurs, vous pourrez définir respectivement :

  1. Le titre de votre formulaire
  2. Le sous-titre de votre formulaire
  3. Le message de validation affiché une fois le formulaire soumit

Voici un exemple gérant les champs Nom et Prénom dans un formulaire

{
    "rowClass": "row",
    "fields": [
      {
        "fieldName": "firstName",
        "match": "firstName",
        "id": "firstName",
        "label": "Prénom",
        "name": "firstName",
        "class": "col-xs-12 col-sm-4 col-sm-offset-2",
        "required": true
      },
      {
        "fieldName": "lastName",
        "match": "lastName",
        "id": "lastName",
        "label": "Nom",
        "name": "lastName",
        "class": "col-xs-12 col-sm-4",
        "required": true
      }
    ]
}

Tout d'abord, il faut définir la clé valeur suivante afin de définir une rangée qui comportera les champs :

"rowClass": "row"

Ensuite il faut définir un tableau pour définir ses champs :

"fields" : []

Pour créer un champ (par exemple 'Nom'), vous aurez besoin de resneigner entre les crochets de la clé "fields" les clés valeurs suivantes :

"fieldName" : "lastName"
"match": "lastName",
"id": "lastName",
"name": "lastName",

C'est important pour ces clés d'avoir la même valeur, sinon votre champ risque de ne pas fonctionner correctement. Définissez ensuite le label pour donner à votre champ le nom que vous souhaitez afficher :

"label": "Libre à vous de décider"

Si vous reseignez la clé valeur suivante, L'utilisateur de votre formulaire sera obligé de remplir le champ afin de valider le formulaire :

"required" : true

Back to top