Outil de conception de formulaires : aperçu

L'outil de conception de formulaires fera partie intégrante du workflow de votre programme si vous comptez concevoir des formulaires personnalisés à l’aide de questions. Cet article vous présentera les différentes sections de l’outil de conception de formulaires et les différentes actions que vous pouvez effectuer dans cet outil.

Pour accéder à l’outil de conception de formulaires :

  1. Accédez au workflow
  2. Cliquez sur la flèche de liste déroulante à droite de la phase.
  3. Cliquez sur le formulaire joint à la tâche que vous essayez de modifier.
Capture d’écran d’une phase étendue affichant les formulaires joints que vous pouvez modifier.

Vous pouvez ajouter à un formulaire de deux façons.

Pour ajouter une question au milieu de la page :

  1. Cliquez sur l’onglet Questions à gauche de l’outil de conception.
  2. Cliquez sur le type de question que vous souhaitez ajouter et faites glisser la question à l’endroit souhaité sur la page.

 Pour ajouter une question en bas de page :

  1. Cliquez sur l’onglet Questions à gauche de l’outil de conception.
  2. Double-cliquez sur le type de question pour l’ajouter en bas de la page où vous vous trouvez.

Le titre du formulaire correspond à ce que les utilisateurs voient lorsqu’ils répondent au formulaire. Ce nom est différent du nom de la tâche s’affichant sur la page principale de la demande.

Lors de la création d’un formulaire, le nom du formulaire est utilisé en tant que titre par défaut. Pour le modifier :

  1. Cliquez sur l’icône de modification en regard du titre du formulaire.
  2. Saisissez le nouveau titre que vous souhaitez donner à votre formulaire dans le champ correspondant.
  3. Cliquez n’importe où sur la page pour enregistrer les modifications.
Capture d’écran avec une flèche pointant vers l’endroit où vous pouvez modifier le titre du formulaire.

La description du formulaire peut s’avérer extrêmement utile pour fournir des détails et instructions à vos demandeurs sur les étapes à suivre pour remplir le formulaire. Généralement, les administrateurs ajoutent également leurs propres coordonnées en cas de question des demandeurs. 

Pour ajouter ou modifier la description du formulaire :

  1. Cliquez sur Modifier la description.
  2. Saisissez la description que vous souhaitez ajouter au formulaire.
  3. Facultatif : Cliquez sur Ouvrir l’éditeur visuel pour personnaliser le style de la description du formulaire.
  4. Cliquez sur Terminé.
Capture d’écran de la zone dans laquelle modifier la description du formulaire.

REMARQUE : Si le formulaire comporte plusieurs pages, le titre et la description s’afficheront en haut de chaque page.

Le titre initial du formulaire ne peut dépasser 50 caractères lors de la création de la tâche. Changer ensuite pour inclure :

  • Plus de 50 caractères
  • HTML
  • CSS

Vous pouvez saisir du code HTML directement dans les champs Titre et Description, et il sera visible dans la version en ligne du formulaire.

L’enregistrement de votre formulaire est obligatoire pour que les utilisateurs puissent voir les modifications apportées lorsqu’ils ouvrent dans le formulaire.

Votre formulaire est enregistré de trois manières différentes :

  1. Brouillon enregistré automatiquement
  2. En cliquant sur le bouton Enregistrer mais en restant dans le formulaire
  3. En cliquant sur Enregistrer et en fermant pour retourner à votre workflow.

REMARQUE : Les modifications enregistrées en tant que brouillon (enregistrement automatique) ne seront pas visibles par les autres utilisateurs remplissant le formulaire tant que Enregistrer ou Enregistrer et fermer n’aura pas été sélectionné.

En cliquant sur Aperçu, un nouvel onglet s’ouvrira et vous pourrez tester votre formulaire.

Capture d’écran avec une flèche pointant vers l’endroit où cliquer pour prévisualiser le formulaire.

Le formulaire s’affichera presque exactement comme il le serait à votre utilisateur. Étant donné que vous prévisualisez le formulaire en tant qu’administrateur, vous verrez également des questions masquées ou des questions JavaScript ; toutefois, vos demandeurs réguliers ne les verront pas.

REMARQUE : Si votre formulaire contient des variables de chaînage utilisées pour insérer des données provenant d’un autre formulaire ou des renseignements spécifiques à l’utilisateur, ces variables ne fonctionneront pas correctement dans l’aperçu et le champ apparaîtra vide. Si vous souhaitez tester vos variables de chaînage, nous vous conseillons d’utiliser une demande de test.  Pour en savoir plus, consultez la section Comment tester votre site SM Apply : Formulaires de test.

Par défaut, les pages sont étiquetées par « Numéro de page » en fonction de leur emplacement dans le formulaire.

Capture d’écran de l’étiquette de page avec le numéro de page.

Les étiquettes de page vous permettent de créer un nom unique pour chaque page de votre formulaire et d’utiliser des fonctionnalités de logique pour rediriger vos utilisateurs vers une page ou une autre. Les étiquettes de page n’ont ni restriction de type de caractères (ex. #@!&$%), ni limite de caractères.

Pour modifier le titre de la page :

  1. Cliquez sur l’onglet Page dans l’outil d’édition du formulaire.
  2. Sous « Étiquette de page », saisissez le nouveau titre de votre page. Le nouveau nom s’appliquera à cette page.
  3. Répétez cette étape pour chaque page.
Capture d’écran avec l’onglet de la page dans l’éditeur de formulaire mis en évidence par le nouveau nom saisi dans l’étiquette de page.

ASTUCE ! Utilisez les étiquettes de page si chaque page de votre formulaire a un usage différent. Par exemple : coordonnées, parcours scolaire ou universitaire, budget, etc.

Dans le cas où vous disposez d’une longue liste de choix ou de variables, ou d’une liste que vous aurez l’intention de réutiliser souvent dans vos nombreux formulaires, il peut être utile d’utiliser l’outil d’édition en masse. Cet outil convertit les listes en choix/variables/lignes tout en vous donnant la possibilité de les enregistrer pour les utiliser sur toute question ultérieure. Retrouvez l’outil d’édition en masse sous « Choix » et « Variables » dans la zone d’édition flottante, à gauche de la page.

Capture d’écran de l’outil d’édition en masse.
SectionDescription
Charger un préréglageVous permet de choisir parmi les 23 préréglages disponibles.
Enregistrer un préréglageVous permet de créer et d’enregistrer vos propres préréglages pour une utilisation ultérieure.
ÉditeurVous permet de modifier un préréglage existant. Remarque : les modifications apportées ne seront pas enregistrées sauf s’il s’agit d’un préréglage personnalisé que vous avez vous-même créé.

Vous pouvez également enregistrer des listes de réponses personnalisées. Pour créer une liste personnalisée :

  1. Cliquez sur le bouton « En masse » lorsque vous ajoutez des choix, des variables, des lignes ou des colonnes à une question.
  2. Lorsque la boîte de dialogue apparaît, saisissez ou collez votre liste dans le champ de texte. Veillez à ce que chaque élément de la liste figure sur une ligne séparée.
  3. Saisissez un nom pour votre liste et cliquez sur Appliquer.
SectionDescription
Préréglage personnaliséEntrez le nom du préréglage que vous souhaitez utiliser.
Valeurs prédéfiniesLes informations saisies ici seront enregistrées dans la présélection personnalisée. Notez que, même si elle est prédéfinie, vous pouvez toujours la modifier après coup.

L’outil d’édition visuel vous permet d’ajouter du texte, des vidéos, des liens et plus encore à votre formulaire. L’éditeur est disponible pour les titres des questions, les formulaires et les descriptions des questions, mais pas pour le titre du formulaire, les choix ou les variables.

Capture d’écran de l’outil d’édition visuel.

Pour accéder à l’éditeur visuel :

  1. Cliquez sur la tâche que vous souhaitez modifier.
  2. Dans l’onglet Options, cliquez sur le titre de la question ou sur la zone de texte de description supplémentaire.
  3. Cliquez sur le bouton Ouvrir l’éditeur visuel sous la zone de texte.
  4. Modifiez votre texte à l’aide des options disponibles dans l’éditeur visuel.
  5. Cliquez sur OK.

Cliquez sur le bouton Source dans l’outil d’édition visuel pour saisir du code HTML ou CSS. Même si vous pouvez insérer du code JavaScript dans la source, nous vous recommandons de l’insérer dans une question de type JavaScript afin de le retrouver facilement si vous avez besoin de réutiliser le formulaire à l’avenir.