Composants avancés

Élément HTML

Vous pouvez utiliser l' élément HTML pour afficher un seul élément HTML dans votre formulaire et le configurer en fonction de votre cas d'utilisation.

Remarque : activez la propriété Désactiver l'intégrité ( Disable Sanitize ) dans l'activité Créer un formulaire ( Create Form) pour afficher tout le contenu dangereux à l'intérieur d'un élément HTML (HTML Element) .

• Balise HTML : la balise de l' élément HTML.
• Classe CSS : la classe CSS qui peut être ajoutée pour cet élément HTML. Vous pouvez saisir plusieurs classes en les séparant par des espaces.
• Attributs : les attributs de l' élément HTML. Seuls les attributs sécurisés sont autorisés, tels que : src, hrefet title.
• Contenu (Content) : le contenu de l' élément HTML.
• Actualiser en cas de modification (Refresh On Change ) : restitue l’ élément HTML chaque fois qu’une valeur change dans le formulaire.

Pour afficher des formulaires images, vous devez utiliser le composant Élément HTML (HTML Element). Consultez le tutoriel suivant Affichage des images.

Pour les fichiers PDF, vous ne pouvez les afficher que lorsque vous créez un formulaire HTML personnalisé.

Contenu (Content)

Vous pouvez utiliser le composant Contenu (Content ) pour ajouter des informations dans votre formulaire, c'est-à-dire en lecture seule. La valeur du composant n'est pas renvoyée au workflow.

• Actualiser en cas de modification (Refresh On Change ) : restitue le composant Contenu chaque fois qu’une valeur du formulaire change.

E-mail (Email)

Type de données : String

Vous pouvez utiliser le composant E- mail pour ajouter un champ de saisie des adresses e-mail.

URL

Type de données : System.Uri

Vous pouvez utiliser le composant URL ( Url ) pour ajouter un champ permettant de saisir des adresses URL, en vous assurant qu'elles sont au bon format.

Numéro de téléphone

Type de données : String

Vous pouvez utiliser le composant Numéro de téléphone ( Phone Number ) pour ajouter un champ de saisie des numéros de téléphone.

• Masque de saisie : fournit un format prédéfini pour le numéro de téléphone. Pour le champ du numéro de téléphone, le format par défaut est [phone].
• 9 - numérique
• a - alphabétique
• ** \* ** - alphanumeric
• Caractère d’espace réservé dumasque d’entrée - Vous pouvez utiliser un caractère comme espace réservé dans le champ. Pour

  Par exemple, vous pouvez utiliser un trait d'union (-).

Remarque : le caractère substituable est remplacé par un espace s'il est utilisé à l'intérieur du masque.

Date/Heure

Type de données : String

Vous pouvez utiliser le composant Date/Heure pour saisir des dates, des heures ou les deux.

• Format : le format utilisé pour afficher la valeur date/heure.
• Activer la saisie de date (Enable Date Input ) : permet aux utilisateurs de saisir des dates pour ce champ.
• Utiliser l'entrée pour ajouter un moment.js pour minDate - permet à l'utilisateur d'utiliser une entrée pour la fonction momentminDate , au lieu d'un calendrier.
• Utiliser le calendrier pour définir la datemin : permet à l'utilisateur d'utiliser un calendrier pour définir le minDate.
• Use Input to add moment.js for maxDate - permet à l'utilisateur d'utiliser une fonction d'entrée pour maxDate moment, au lieu d'un calendrier.
• Utiliser le calendrier pour définir la Datemax : permet à l'utilisateur d'utiliser un calendrier pour définir le maxDate.
• Désactiver des dates spécifiques ou des dates par plage - ajoutez les dates que vous souhaitez interdire. Par exemple, 2027-08-11.
• Dates désactivées personnalisées (Custom Disabled Dates ) : permet d'interdire certaines dates à l'aide d'une fonction personnalisée.
• Désactiver les week-ends : permet d'interdire les week-ends.
• Désactiver les jours de la semaine (Disable weekdays) : permet d'interdire les jours de la semaine.
• Activer la saisie de l'heure (Enable Time Input ) : permet aux utilisateurs d'entrer l'heure dans ce champ.
• Taille de l'étape horaire (Hour Step Size ) - le nombre d'heures qui doivent être incrémentées ou décrémentées dans le sélecteur de temps.
• Taille du pas de minute (minute Step Size ) - le nombre de minutes qui doivent être incrémentées ou décrémentées dans le sélecteur de temps.
• Heure 12 heures (AM/PM) - affiche l'heure par périodes de 12 heures, en utilisant AM ou PM.
• Date par défaut : définit la valeur par défaut sur une date spécifique à l'aide des fonctions Moment.js . Par exemple, vous pouvez utiliser la fonction suivante : moment().substract(10, 'days').
  
  

  

  
  

Jour

Type de données : System.DateOnly

Vous pouvez utiliser le composant Day pour demander une entrée pour Day,Monthet Year, via un champ de type numérique ou un champ de type select.

• Type/Type d'entrée - choisissez de saisir le jour, le mois ou l'année en saisissant un nombre ou en sélectionnant des options dans une liste déroulante.

Année minimum/maximum - choisissez l'année minimum/maximum qui peut être saisie.

• Exiger un jour (Require Day) - le champ Jour (Day) doit être rempli avant le rendu du formulaire.
• Exiger un mois (Require Month ) - le champ Mois (Mois) doit être rempli avant le rendu du formulaire.
• Exiger l'année (Require Year ) - le champ Année doit être rempli avant le rendu du formulaire.
• Maximum/Minimum Day (Jour maximum/minimum) - choisissez un jour minimum/maximum pouvant être saisi. Vous pouvez également utiliser les fonctions Moment.js . Par exemple, vous pouvez utiliser moment().add(10, 'days').
  
  

  

  
  

Délai (Time)

Type de données : System.TimeOnly

Vous pouvez utiliser le composant Heure pour saisir l'heure dans différents formats.

• Type d'entrée (Input Type ) : sélectionnez le type de widget que vous souhaitez utiliser pour saisir l'heure : Saisie de l'heure HTML5 (les utilisateurs peuvent choisir l'heure à partir d'un panneau donné) ou Saisie de texte avec masque (les utilisateurs peuvent saisir l'heure manuellement).

Devise

Type de données : System.Double

Vous pouvez utiliser le composant Devise pour afficher des montants financiers dans une certaine devise. Le composant dispose d'un masque de saisie qui affiche l'icône de devise et ajoute automatiquement des virgules en fonction du nombre saisi par l'utilisateur. Le composant autorise deux valeurs décimales.

• Devise (Currency) - choisissez une certaine devise dans la liste déroulante.

Enquête

Type de données : System.Collections.Generic.Dictionary<System.String,System.String>

Vous pouvez utiliser le composant Enquête pour permettre aux utilisateurs de répondre à plusieurs questions, en choisissant une seule valeur dans une liste.

• Questions : ajoutez les questions auxquelles les utilisateurs doivent répondre.
• Valeurs : ajoutez les options que l'utilisateur peut sélectionner par question.