Formulaires
Last updated
Was this helpful?
Last updated
Was this helpful?
GRC 360 dispose d'un assistant de création de formulaires dans le but de permettre de :
Pour gérer les formulaires, il suffit d'aller dans la section Paramètres / Formulaires.
Lorsque vous venez de créer un formulaire, la page suivante s'affiche.
Cet écran permet de :
Déterminer le nom du formulaire (en cliquant sur le titre de la fenêtre)
Disposer d'une bibliothèque de contrôles que l'on peut ajouter via glisser/déposer
Déterminer le type du formulaire
Classique : Tous les champs s'afficheront les uns à la suite des autres
Assistant : Affichage des champs regroupés en plusieurs onglets ou étapes
Une fois votre formulaire finalisé, il suffit de cliquer sur Créer le formulaire pour l'enregistrer.
Sur al fenêtre de création/édition de formulaires, la boite à outils comportant tous les composants disponible se trouve sur la partie de gauche. Les composants sont regroupés en sections.
Voici la section des composants dits Avancés.
D'autres composants permettent de gérer la disposition des champs notamment.
Il existe plusieurs possibilités afin de disposer/regrouper les champs d'un formulaire afin d'avoir une meilleure compréhension des informations demandées. Dans la boite à outils de conception de formulaires, les éléments permettant d'influer sur la disposition des champs se trouve dans la section Disposition.
Voici un exemple création de formulaire de type Assistant avec plusieurs étapes.
Lorsqu'un usager utilisera le formulaire, il verra les champs regroupés par les différentes étapes créées.
Panel
Il est possible d'utiliser différents types de champs pour les grouper avec des variantes de présentation.
Le composant panel permet de grouper les champs et avoir un titre correspond au groupe. Voici un exemple d'utilisation de panels en mode création/edition de formulaire.
Voici l'aperçu de l'utilisation de panels afin de regrouper des champs lors de l'utilisation de formulaires.
Les groupes de champs permettent de grouper plusieurs champs au sein d'un même conteneur avec un titre mis en avant. Voici un exemple de formulaire avec un groupe de champs regroupant les informations sur Qui contacter et à quel sujet pour une prise de rendez-vous.
Voici l'aperçu de l'utilisation de groupes de champs dans un formulaire.
Afin d'améliorer la disposition des champs, il est possible d'utiliser une présentation en colonnes.
Pour cela, vous disposez d'un élément de disposition appelé Colonnes dans la section Disposition.
Il suffit ensuite de glisser / déposer les champs dans les colonnes souhaitées. Dans la fenêtre ci-dessous, la propriété Width permet de gérer la largeur des colonnes (la somme doit être égale à 12).
Chaque champ dispose de propriétés d'affichage importantes permettant de les clarifier :
Propriété
Description
Libellé
Titre du champ affiché dans le formulaire
PlaceHolder
Information affichée lorsque le champ est vierge
Description
Texte affiché de manière persistente en dessous du contrôle pour fournir des informations complémentaires
Tooltip
Information complémentaire affichée au survol du bouton "?"
Voici un exemple d'utilisation de champ avec aides à la saisie.
Si vous souhaitez obliger un utilisateur à renseigner une information important, qui par exemple sera ensuite utilisée pour aiguiller le processus de traitement, il existe une propriété sur chaque champ appelée Required.
Lorsque cette option est cochée, une astérisque rouge est affichée sur le formulaire indiquant que le champ doit être renseigné obligatoirement.
Lorsqu'un utilisateur tente de valider un formulaire contenant un champ obligatoire non renseigné, le champ sera notifié comme obligatoire pour guider l'utilisateur.
GRC 360 permet de configurer l'affichage conditionnel de champs. Cela permet d'alléger le formulaire et d'afficher certains champs uniquement si c'est nécessaire. Prenons l'exemple ci-dessous.
Le champ "Champ lié" n'est pas affiché par défaut
Le champ "Champ lié" doit s'afficher uniquement si le champ "Doit-on afficher le champ lié ?" à la valeur "Oui"
Pour cela, il faut aller dans les paramètres du champ "Champ lié" et aller dans l'onglet Conditionnel et spécifiez :
Si le composant doit être affiché ou pas en fonction de la condition (dans notre cas, oui donc il faut indiquer True)
Sur quel composant se base la condition (à choisir parmi la liste des champs du formulaire)
La valeur associée au champ sur laquelle baser la condition
Après la mise en place de cette configuration, voici le type de résultat attendu.
Le champ lié n'est pas affiché par défaut.
Si on clique sur Non, il n'est toujours pas affiché.
Dès lors que l'on sélectionne la valeur "Oui", le champ lié s'affiche.
Lorsque vous êtes en mode création du formulaire, il est possible de voir un aperçu du formulaire. Il suffit de cliquer sur le bouton correspondant.
L'écran ci-dessous est un aperçu de l'écran de création du formulaire. Cela permet de tester le formulaire afin de vérifier le paramétrage avec notamment :
L'aide à la saisie sur les champs
Les champs obligatoires
Le paramétrage des champs conditionnels
...
