Les champs de saisie : texte, nombre, date/heure, choix et booléen
Cet écran présente les différents types de variables pouvant être placés à l'écran.
Description générale de l'écran
Cet écran est composé de plusieurs champs de saisie:
1 Champ texte : Pour les champs textes simple ou multiligne 2 Nombre : Pour les champs entier ou décimal 3 Date/heure : Pour les champs date ou heure 4 Choix : Pour les champs choix simple ou multiple 5 Booléen : pour les champs de réponse de type oui, non ou null |
Au click sur l'un des composants de saisie, il sera inséré à la suite de l'élément en surbrillance à l'écran. Il est possible également les faire glisser directement vers la zone souhaitée.
Les propriétés communes des champs de saisie
Chacun de ces champs possèdent des propriétés communes et des propriétés propres :
Les propriétés de base
Cet écran est composé de plusieurs parties
6 Source de données : Par défaut la source de donnée principale de la page est sélectionnée par défaut sur ce champ. Quand il y a une requête de données autre que la requête principale, on verra apparaître le nouveau champ Source de données avec un menu déroulant pour choisir la requête que l'on souhaite utiliser pour obtenir une variable spécifique. 7 Nom : C’est le nom technique de la variable, le nom qui sera utilisé dans la base de données. 8 Libellé : Le texte que l'utilisateur voit devant le champ de saisie. C’est aussi appelé « la question ». 9 Abréviation : Un autre nom (généralement plus court) affiché comme entêtes des listings et exports. 10 Obligatoire? : Si cette option est cochée, l'utilisateur doit rentrer une réponse (saisie de données, cocher une case, sélectionner une date, etc.). Sinon, la fiche ne peut pas être sauvegardée. |
Un nom technique ne peut contenir que des caractères alphanumériques (a-z, 0-9) et des tirets bas _, non des caractères accentués.
Les propriétés d’affichage
Cet écran est composé de plusieurs parties
11 Label spécifique : Dans les rares cas où vous auriez placé une variable à deux endroits différents de l'écran ou dans différents onglets ou pages, vous pouvez attribuer un label spécifique qui remplacera le label original. 12 Largeur du label : : Largeur du label en douzièmes de largeur d'écran. La largeur de l'écran est divisée en 12 colonnes transparentes. Afin de permettre un alignement aisé des questions et de leurs champs de saisie, on détermine le nombre de largeurs de colonne que le label doit occuper. Si le label est trop long pour l'espace donné, il créera automatiquement une deuxième ou troisième ligne. La valeur par défaut de 3 signifie que l'espace pour le label est limité à 25% de l'écran, marge à gauche. 13 Cacher le label ? : Si les circonstances l'imposent, vous pouvez masquer le label d'un élément ou d'une variable. 14 Position du label : Par défaut, le label précède le champ ou les options sur la même ligne. Sélectionnez la position au dessus pour placer le label au-dessus du champ. Ce dernier est recommandé si le formulaire est saisi dans l’application Voozanoo mobile. 15 Classes CSS : Ajoutez les noms des classes CSS que vous souhaitez spécifiquement appliquer à ce contrôle. 16 ID spécifique : attribue à l'élément un attribut HTML id spécifique. 17 Traduction des valeurs saisies : en cochant cette case, les valeurs saisies dans le formulaire peuvent être traduites. Ceci est généralement pour une table de référence dont les données saisies doivent être traduites. |
Les propriétés de contrôle
Cet écran est composé de plusieurs parties
18 Longueur : Pour les champs texte et nombre, cette valeur définit le nombre maximum de caractères autorisés pour la saisie. 19 Afficher cet élément quand : Il s'agit de la condition à remplir (écrite en JavaScript) pour afficher cet élément à l'écran. Cette option est utile pour afficher, sous certaines conditions, une variable ou un groupe d'éléments contenant plusieurs variables. Si par exemple trois questions concernent seulement les femmes (et si le sexe du répondant a déjà été renseigné), vous pourriez créer un groupe pour y placer ces trois questions et conditionner son affichage à la contrainte suivante : {sex}==0 (basé sur les valeurs du code de dictionnaire 0 pour les femmes et 1 pour les hommes). Pour en savoir plus sur les conditions JavaScript, voir Les conditions d’affichage . 20 Garder les données masquées : Lorsqu'une valeur est saisie dans un champ qui a été révélé, mais qui a ensuite été caché à cause d’une action de l’utilisateur, souhaitez vous conserver les données précédentes ou les effacer ? Cochez cette case pour conserver les données dans un groupe caché. 21 Valeur par défaut : Une propriété à utiliser avec parcimonie et qui consiste à prédéfinir la valeur d'une variable. Elle peut bien entendu être modifiée par l'utilisateur. Logiquement, cette option peut être risquée car il est impossible de savoir à la lecture des données si ce point a été négligé par l'utilisateur ou s'il voulait effectivement répondre de la sorte. |
Les propriétés aide
Cet écran est composé de plusieurs parties
22 Préfixe / suffixe : Typiquement pour les entrées numériques, ces champs permettent d'afficher un préfixe ou un suffixe dans le champ. 23 Place Holder : Pour les champs texte et nombre, ce que vous placez ici sera affiché en gris clair dans la zone de saisie. C'est un moyen de leur rappeler le type de réponse que vous attendez. 24 Aide à la saisie : Ce texte apparaîtra au-dessus du libellé quand la souris de l’utilisateur passera dessus. Utilisez cette option pour donner plus de détails ou des instructions à propos de la question. |
Les propriétés Structure
Cet écran est composée de plusieurs parties
25 Type de l'entrée : Vous pouvez modifier le type de la variable mais alors, la plupart des propriétés vont changer pour s'adapter à l'autre type de variable. 26 Lecture seule : Si elle est cochée, la valeur de la variable reste lisible mais elle est protégée en écriture. Une propriété utile si vous voulez, par exemple, rappeler à l'utilisateur la valeur d'une variable déjà saisie dans le questionnaire. Vous ajoutez votre variable comme d'habitude et, si celle-ci doit réapparaître, vous la rajoutez mais cette fois en cochant Lecture seule. 27 Propriétés personnalisées : disponible uniquement pour le profil « Avancé », il est destiné aux développeurs, pour insérer des lignes de codes supplémentaires (XML, JavaScript ou Markdown). 28 Métadonnées : permet d'ajouter n'importe quel nombre de paires nom : valeur en tant que métadonnées à la ressource varset. |
Les propriétés spécifiques
29 Type de texte : Spécifique pour le champ de type texte, l'utilisateur verra soit
30 Sous type :
Attention : Les valeurs entières sont limitées à environ +/- 2 milliards. En outre, le type entier ne doit pas être utilisé pour les codes postaux, puisque la valeur 01610 sera sauvegardée en 1610. Utilisez une variable texte dans ce cas.
31 Type de choix : Spécifique pour le champ de type choix, l'utilisateur verra soit
32 Dictionnaire : Spécifique pour le champ de type choix. Vous pouvez sélectionner un dico déjà existant pour votre variable. voir Les dictionnaires pour la création des nouveaux dictionnaires. 33 Réponses actives : Spécifique pour le champ de type choix. C’est les réponses qui ont pu être utilisées à un moment donné. 34 Type de rendu : Spécifique pour le champ de type choix pour choisir le rendu de la liste des choix en
35 Précision : Spécifique pour le champ de type texte. Si le sous-type est défini comme Décimal, il est possible de préciser le nombre de décimales après la virgule que l’utilisateur peut saisir. 36 Minimum : Spécifique pour le champ de type texte et de type date. Il est possible de définir la valeur ou la date minimale acceptable pour la valeur ou la date saisie. Si l'utilisateur tente d'entrer une valeur ou une date inférieure à ce nombre ou cette date, un message d'erreur est affiché et l'enregistrement devient impossible 37 Maximum : Spécifique pour le champ de type texte et de type date. Il est possible de définir la valeur maximale acceptable pour la valeur ou la date saisie. Si l'utilisateur tente d'entrer une valeur ou une date supérieure à ce nombre ou cette date, un message d'erreur est affiché et l'enregistrement devient impossible 38 Maintenant : En cochant Maintenant pour les valeurs minimum, maximum ou par défaut, l'enregistrement retiendra la date ou l'heure à laquelle l'utilisateur a ouvert la page. |
Tableau récapitulatif des champs et des propriétés
Champs / Propriétés | Texte | Nombre | Date/Heure | Choix | Booléen |
|---|---|---|---|---|---|
Source de données |
|
|
|
|
|
Nom |
|
|
|
|
|
Libellé |
|
|
|
|
|
Abréviation |
|
|
|
|
|
Obligatoire? |
|
|
|
|
|
Type de Texte Simple ou Multiligne |
|
|
|
|
|
Sous type Entier ou Décimal |
|
|
|
|
|
Sous type Date ou Time |
|
|
|
|
|
Type de choix Simple ou Multiligne |
|
|
|
|
|
Dictionnaire |
|
|
|
|
|
Réponses actives |
|
|
|
|
|
Label spécifique |
|
|
|
|
|
Largeur du label |
|
|
|
|
|
Cacher le label ? |
|
|
|
|
|
Position du label |
|
|
|
|
|
Classes CSS |
|
|
|
|
|
ID spécifique |
|
|
|
|
|
Traduction des valeurs saisies |
|
|
|
|
|
Type de rendu |
|
|
|
|
|
Longueur |
|
|
|
|
|
Afficher cet élément quand |
|
|
|
|
|
Garder les données masquées |
|
|
|
|
|
Valeur par défaut |
|
|
|
|
|
Précision |
|
|
|
|
|
Minimum |
|
|
|
|
|
Maximum |
|
|
|
|
|
Maintenant |
|
|
|
|
|
Préfixe / suffixe |
|
|
|
|
|
Place Holder |
|
|
|
|
|
Aide à la saisie |
|
|
|
|
|
Type de l'entrée |
|
|
|
|
|
Lecture seule |