Application d’un style à une enquête

Le site Web Survey123 fournit des outils permettant de configurer la présentation d’une enquête et ainsi d’attirer l’attention des utilisateurs sur cette enquête. Pour que l’enquête soit visuellement différenciée, vous pouvez modifier les données d’enquête présentées dans la bibliothèque, le titre qui s’affiche à l’ouverture de l’enquête, les couleurs et la mise en forme de l’enquête. Vous pouvez également insérer des éléments multimédias et de mise en forme HTML dans l’enquête.

Modifier la miniature, le titre, la description et les balises

La miniature et le nom de l’enquête sont importants pour différencier visuellement les enquêtes sur le Survey123 dans la . Cela est particulièrement important si vous créez plusieurs enquêtes pour votre propre usage ou si des équipes sur le terrain téléchargent plusieurs enquêtes.

Utiliser une miniature pour différencier les enquêtes.

Lorsque vous mettez à jour une enquête sur le site Web Survey123, vous pouvez changer le nom de l’enquête en cliquant sur son titre actuel dans la barre de navigation.

Pour changer la miniature, les balises et le résumé d’un élément enquête, ouvrez la boîte de dialogue Edit Survey Info (Modifier les informations sur l’enquête) de la page My Surveys (Mes enquêtes) dans l’angle inférieur droite de la fiche d’enquête. Vous pouvez également mettre à jour une miniature, un résumé et des balises dans ArcGIS Online ou ArcGIS Enterprise.

Définir l’en-tête, la description et le pied de page de l’enquête

L’en-tête de l’enquête apparaît lorsque vous ouvrez l’enquête via l’URL de sa visionneuse. Il peut offrir une description plus détaillée de l’enquête. L’en-tête de l’enquête est différent du nom de l’enquête, qui s’affiche dans la bibliothèque.

Vous pouvez définir l’en-tête de l’enquête en le sélectionnant dans le concepteur web. Le volet à droite bascule sur Edit (Mettre à jour), ce qui vous permet de changer le titre affiché. Vous pouvez également modifier la description de l’enquête et son pied de page en simultané.

L’en-tête de l’enquête peut être un texte ou une image. La largeur maximale suggérée pour une image d’en-tête est 680 pixels.

La description de l’enquête peut inclure des images et un texte mis en forme, y compris des liens.

Le pied de page de l’enquête peut inclure du texte et une URL.

Utiliser des images dans une enquête

L’utilisation d’images dans des enquêtes peut avoir plusieurs utilités. Il ne s’agit pas simplement de rendre les enquêtes agréables à l’œil ; les images peuvent aussi aider les utilisateurs à faire des choix lorsqu’ils saisissent des informations. Les images dans les enquêtes peuvent faciliter les identifications ou les estimations visuelles.

Le bouton Insert Image (Insérer une image) est accessible lorsque vous mettez à jour l’en-tête, la description et les questions Note de l’enquête, ainsi qu’un thème d’enquête personnalisé et l’écran de remerciement. Après avoir cliqué sur ce bouton, vous pouvez fournir l’URL d’une image hébergée en ligne ou charger une image enregistrée sur votre appareil. Vous pouvez également fournir du texte alternatif pour faciliter l’accès à l’enquête. Lorsque vous utilisez des images hébergées en ligne, vérifiez qu’elles sont partagées publiquement. Si vous référencez une image hébergée par ArcGIS Online ou ArcGIS Enterprise connecté à l’Internet ouvert, l’URL doit respecter le format https://<org_url>/sharing/rest/content/items/<item_id>/data.

Remarque :

L’option permettant de fournir une image stockée localement est désactivée si vous utilisez le site Web Survey123 avec ArcGIS Enterprise.

Styles et personnalisation

Sous l’onglet Add (Ajouter) de la fenêtre de conception, vous pouvez contrôler les éléments apparaissant dans l’enquête. La section Survey element (Élément d’enquête) permet de désactiver l’en-tête, la description ou le pied de page de l’enquête afin qu’ils n’apparaissent pas dans le formulaire.

Dans l’onglet Appearance (Apparence) de la fenêtre de conception, vous pouvez contrôler les éléments visuels de l’enquête.

La section Theme (Thème) vous permet de choisir parmi plusieurs thèmes par défaut, en modifiant l’arrière-plan et la combinaison de couleurs de l’enquête. La tuile thématique marquée avec une icône Maison est le thème partagé de votre organisation, défini par votre administrateur.

Section Thème de l’onglet Apparence

Pour configurer un de ces thèmes de manière plus approfondie, cliquez sur le bouton Edit theme (Mettre à jour le thème) en dessous de la sélection du thème. Cela ouvre les sections Header (En-tête), Content (Contenu) et Web Page (Page Web), vous permettant de changer les couleurs ou les images d’arrière-plan pour ce thème. Ce thème personnalisé est enregistré vers la tuile thématique marquée avec un bouton de configuration.

La tuile Theme from existing survey (Thème de l’enquête existante), à gauche du thème personnalisé, vous permet d’utiliser le thème d’une autre enquête dans votre organisation. Vous pouvez également personnaliser davantage ce thème via les options Edit theme (Mettre à jour le thème). Un bouton Choose from another survey (Choisir à partir d’une autre enquête) s’affiche en bas à droite lorsqu’une enquête existante a été sélectionnée, vous permettant de choisir une autre enquête existante.

Remarque :

En cas de modification de l’apparence des enquêtes publiées dans Survey123 Connect, la fenêtre de conception présente un aperçu de l’enquête à la place de l’enquête proprement dite. Vous ne pouvez pas non plus modifier le texte des en-têtes et pieds de page de l’enquête.

Couleurs des groupes, des pages et des répétitions

Vous pouvez définir les couleurs des groupes, pages et répétitions indépendamment du style général de l’enquête en ajoutant les paramètres backgroundColor et borderColor à la colonne body::esri:style. Les couleurs peuvent être spécifiées par leur nom de couleur HTML standard ou leur code de couleur hexadécimale. Vous pouvez les indiquer sous forme de constante ou de référence à une question. Les paramètres multiples sont séparés par un espace. Exemple :

backgroundColor=LightCyan borderColor=#483D8B

Remarque :

Les paramètres backgroundColor et borderColor ne sont pas pris en charge dans l’application Web Survey123.

Les groupes de style de grille ne prennent pas en charge la propriété borderColor.

Mise en forme HTML

Vous pouvez utiliser la mise en forme HTML dans les étiquettes des questions et dans les étiquettes des listes de choix. L’application d’une mise en forme à ce texte peut aider à attirer l’attention sur les informations importantes. La mise en forme HTML prise en charge est la suivante :

BaliseAttribut

a

href, style

abbr

title

audio¹

autoplay, controls, loop, muted, preload

b, strong, i, em, u, ul, ol, li, tbody, br, hr

dd, dl, dt

style

div¹

style, align

figcaption

style

figure

style

font

size, color, style

h1, h2, h3, h4, h5, h6

style

img

src, width, height, border, alt, style

p

style

source¹

media, src, type

span

style

sub

style

sup

style

table

width, height, cellpadding, cellspacing, border, style

td, th

height, width, valign, align, colspan, rowspan, nowrap, style

tr

height, valign, align, style

video¹

autoplay, controls, height, loop, muted, poster, preload, width

¹Prise en charge uniquement dans l’application Web Survey123.

Remarque :

Les liens dans les étiquettes de choix ne fonctionnent pas dans l’application Web Survey123 dans les situations suivantes :

  • Lorsque l’apparence dans Survey123 Connect est définie sur minimal ou autocomplete
  • Lorsqu’une question de type rank est utilisée dans Survey123 Connect.
  • Lors de l’utilisation du type de questions Dropdown (Menu déroulant) ou Ranking (Classement) dans le concepteur Web Survey123.

Par défaut, un hyperlien créé au format HTML ouvert dans l’application Web Survey123 ouvre la destination dans le même onglet que l’enquête. Si vous préférez ouvrir ce lien sous un nouvel onglet, ajoutez target="_blank" à la balise a href ; par exemple :

<a href="https://www.esri.com" target="_blank">Link to Esri website</a>

La mise en forme HTML n’est pas affichée dans les zones suivantes du formulaire Web :

  • Messages requis et de contrainte
  • Étiquettes des choix d’une question de type sélection externe ou choix externe
  • Étiquettes des choix si l’ordre des choix est aléatoire

Écran de remerciement

Un écran de remerciement apparaît lorsque les données sont soumises par l’utilisateur dans l’application Web Survey123. Vous pouvez mettre à jour cet écran dans l’onglet Options du concepteur Web ; il prend en charge la mise à jour de texte enrichi, y compris des liens et des images.

Vous pouvez ajouter un lien à l’écran de remerciement qui rouvre la réponse à l’enquête qui vient d’être envoyée, en mode de mise à jour ou de consultation. Ces liens intégrés utilisent un paramètre globalId dynamique pour ouvrir la réponse et permettre à l’utilisateur de la mettre à jour et de la renvoyer, ou de la consulter en lecture seule. Cliquez sur le bouton Link (Lien) dans l’éditeur de l’écran de remerciement pour ajouter un lien. Cliquez sur le bouton Use a survey link (Utiliser un lien d’enquête) pour ajouter une URL mise en forme et mettre à jour ou consulter la réponse à l’enquête.

Ajouter des liens en mode de mise à jour et en mode de consultation à l’écran de remerciement

Vous pouvez autoriser les utilisateurs à envoyer une nouvelle réponse, en indiquant un lien sur l’écran de remerciement qui leur permettra de recharger l’enquête ou en rechargeant l’enquête automatiquement après un certain délai. Vous pouvez également les rediriger automatiquement vers une URL proposée. Le délai par défaut est de 3 secondes. Dans le cas où le délai est défini sur 0, l’écran de remerciement ne s’affiche pas une fois l’enquête terminée et la redirection a lieu immédiatement à la fin de l’enquête. La redirection des URL est ignorée lorsqu’une enquête est incorporée à l’aide d’un élément iframe.

Le paramètre d’URL autoReload a priorité sur le délai défini dans le concepteur Web Survey123.

Pour les enquêtes conçues dans Survey123 Connect, vous pouvez également personnaliser le contenu de l’écran de remerciement en utilisant une question de type note spéciale dans le concepteur XLSForm. Pour plus d’informations, voir Personnaliser les éléments de formulaire.