Les utilisateurs disposent de nombreuses options d’affichage pour les différents types de champs. Ceux-ci sont définis dans le CSV de mise en page dans la colonne Type d’affichage du composant à l’aide des valeurs entre parenthèses pour chaque type.

L’administrateur utilise la colonne Type d’affichage du composant pour définir le mode d’affichage d’un champ dans une mise en page. Les types suivants sont disponibles.

Type d’affichage du composant de texte

Les champs de texte acceptent un maximum de 2 000 caractères saisis. Les administrateurs peuvent spécifier des longueurs de champ minimales et maximales ainsi qu’une valeur par défaut statique. Les champs de texte peuvent avoir les types d’affichage de composant suivants.

Texte : entrée sur une seule ligne. Des exemples montrent des champs de texte non remplis et renseignés car ils sont affichés à l’utilisateur final.

Zone de texte : champ d’entrée de plusieurs lignes. L’exemple montre une zone de texte avec des valeurs forcées renseignées.

ReadOnlyText : option d’affichage uniquement. L’exemple montre une zone de texte avec un en-tête et les détails du champ affiché.

Date : entrée sur ligne unique et option de calendrier consultable. Les utilisateurs peuvent entrer une date ou effectuer une recherche à l’aide de l’icône Calendrier.

LocationLookup : utilise l’API Google Places pour extraire les données d’adresse qui peuvent être utilisées pour la configuration et la tarification d’un emplacement unique.

Type d’affichage du composant booléen

Les champs booléens n’acceptent que deux valeurs : Vrai et Faux. Faux est l’état par défaut. Les administrateurs peuvent spécifier des étiquettes pour chaque état. Sauf indication contraire, l’étiquette par défaut pour Vrai est Activé et l’étiquette par défaut pour Faux est désactivée.

Booléen : s’affiche sous forme d’interrupteur.

Bouton d’option : s’affiche sous forme de cases d’option carrées.

RadioButtons : s’affiche sous forme de cases d’option circulaires.

Case à cocher : Affiche la case cochée ou décochée.

Type d’affichage du composant de numéro

Les champs Nombres n’acceptent que des caractères numériques. L’administrateur doit spécifier si le champ sera utilisé sous forme de nombre, de devise ou de pourcentage. Les paramètres facultatifs incluent les valeurs minimum, maximum et par défaut. Le paramètre d’étiquette de l’unité n’est pas utilisé dans l’application.

Numéro : Les utilisateurs peuvent saisir un nombre à l’aide du clavier ou le modifier à l’aide des boutons haut et bas.

NumberWithSubmit : les utilisateurs entrent le numéro à l’aide du clavier et doivent cliquer sur le bouton « Appliquer » pour que leur entrée soit acceptée.

Curseur : les utilisateurs parcourent la plage des numéros disponibles. Ce champ s’affiche uniquement si la définition de champ a une valeur maximale.

ReadOnlyText et ReadOnlyCurrency : options d’affichage uniquement, similaires à ReadOnlyText pour les champs de texte. ReadOnlyCurrency est une option d’affichage uniquement avec formatage de devise.

FormattedNumber : Les utilisateurs peuvent entrer un nombre à l’aide du clavier ou le modifier à l’aide des boutons haut et bas. Lorsque le champ perd sa mise en avant, il s’affiche au format défini dans la mise en page CSV.

Type d’affichage du composant de la liste déroulante (sélection unique)

Les listes de sélections permettent de sélectionner uniquement les options spécifiées. L’administrateur doit spécifier si le champ est à sélection unique ou à sélection multiple, et s’il s’agit d’une sélection unique, si les valeurs doivent être évaluées sous forme de champs de texte ou de champs numériques. L’administrateur peut également ajouter des options de champ, définir l’ordre, spécifier une valeur par défaut et ajouter des données d’extension de liste déroulante.

Liste déroulante :

ReadOnlyPicklist : sélection uniquement : l’utilisateur ne peut pas saisir ni filtrer les options.

Bouton d’option : affiche toutes les options dans un affichage d’étiquette carré, rendant toutes les options visibles sans l’utilisation d’un menu.

RadioButtons :

VerticalRadio : les options apparaissent sous forme de cases d’option verticales.

Sélecteur visuel : affiche les options du champ à l’aide d’une image associée avec une étiquette sous l’image. Les options actuellement sélectionnées sont cochées.

Type d’affichage du composant de la liste déroulante (sélection multiple)

Case à cocher : affiche les options au format ligne avec case à cocher. Listes de sélection multiple uniquement.

Case à cocher verticale : affiche la sélection des cases à cocher dans l’alignement vertical. Listes de sélection multiple uniquement.

ReadOnlyPicklist : (identique à la sélection unique)

MultiSelectPicklist :

Extension de la liste déroulante (PLE)

ExtendedPicklist et MultiSelectExtendedPicklist : inclut des détails supplémentaires de la PLE et permet aux utilisateurs de choisir dans un menu. L’exemple montre que cette liste déroulante étendue à sélection unique affiche les détails de deux colonnes du PLE associé. Des images peuvent être ajoutées aux options de champ.

ExtendedPicklistDisplayOnly, MultiSelectExtendedPicklistDisplayOnly : inclut des détails supplémentaires de la PLE et affiche la sélection. Les options sont déterminées par la règle et les options par défaut. Non modifiable par l’utilisateur.

SingleSelectPicklistGrid, MultiSelectPicklistGrid et SingleSelectPicklistGridCheckbox : inclut des détails supplémentaires du PLE et affiche les options de champ dans une grille. La version Case à cocher permet à l’utilisateur final de désélectionner son option.

Type d’affichage du composant du sélecteur de produit

Les sélecteurs de produits sont similaires à des listes de sélection avec des données étendues. Les sélectionneurs de produits peuvent ajouter des produits à une nomenclature et mapper des données supplémentaires aux champs de liste de produits, y compris les données étendues, sans écrire de règles standard.

ProductPickerGrid : affiche le sélecteur de produit et ses sous-champs sous forme de grille, un peu comme une extension de liste déroulante.

VisualProductPicker : affiche le sélecteur de produit et ses sous-champs sous forme de sélecteur visuel.