Formulaire dynamique

plus de 4 mois

Formulaire dynamique

Les formulaires sont des composants qui permettent aux utilisateurs de soumettre des à votre système. Exemple : un formulaire de devis, un questionnaire.

Dans cet article nous allons voir comment créer un formulaire dynamique avec l'éditeur visuel.

 

Pré-requis :

  1. Avoir un compte et se connecter
  2. Avoir une page ou créer une nouvelle

 

Ajouter un formulaire 

Pour ajouter un formulaire :

  1. Ouvrir l'editeur visuel des pages.
  2. Allez dans le menu latéral dans la catégorie "Bases" 
  3. Glissez-déposez le composant formulaire dans un conteneur cible.

 

Image montrant l'ajout et la configuration d'un formulaire dynamique avec le diaango

 

Ajouter un champ dans le formulaire 

Pour ajouter un champ dans le formulaire :

Etape 1:  

  1. Allez dans le menu latéral dans la catégorie "Bases" 
  2. Glissez-déposez un composant section dans le formulaire.
  3. Glissez-déposez un composant label dans la section.
  4. Cliquez sur le label pour l'éditer.

Etape 2 :

  1. Glissez-déposez un champ (formfield) la section.

 

Modifier le type de champ

C'est un champ de saisie qui ajouté par défaut. 

Pour modifier ce champ :

  1. Cliquez sur le composant pour le selectionner
  2. Allez dans le menu lateral de droite et ouvrir le formulaire d'édition des paramètres
  3. Repérez le champ type de champ (FieldType), cliquez dessus pour choisir le champ souhaité.

modifier le type du champ de formulaire.

Dans cette image, on a choisi une champ de selection avec 3 valeurs.

Définir les valeurs attendues

Pour les champs qui necessitent des valeurs comme par exemple le champ de selection ou des champs multi-valeurs, vous pouvez définir ces valeurs comme suit :

  1. Cliquez sur le composant pour ouvir le menu contextuel.
  2. Cliquez sur le boutons d'édition avancée pour ouvrir le formulaire.
  3. Cliquez sur le boutons "+" pour ajouter une valeur.

Editer les valeurs du champ

 

Cliquez pour éditer la valeur.

Editer la valeur pour un champ de formulaire

 

Pour aller plus loin

Ajouter d'autres champs dans le formulaire et désigner celui-ci et configurer les destinataires pour recevoir les informations.