Composants de base

Champ de texte

Type de données : String

Vous pouvez utiliser le composant Champ de texte (Text Field ) pour saisir un texte court.

Zone de texte

Type de données : String

Vous pouvez utiliser le composant Zone de texte (Text Area ) pour saisir du texte long. Le composant Zone de texte ( Text Area ) offre une entrée multiligne.

Le paramètre Lignes vous permet de définir le nombre de lignes visibles dans le composant Zone de texte .

Numérique

Type de données : System.Double

Vous pouvez utiliser le composant Nombre pour saisir n'importe quelle valeur numérique.

• Utiliser le séparateur de milliers - sépare les milliers par une virgule.
• Exiger une décimale (Require Decimal ) - affiche toujours les décimales, même si 0.
• Décimales (Decimal Places ) - définit le nombre maximal de décimales à afficher.

Mot de passe (Password)

Type de données : System.Security.SecureString

Vous pouvez utiliser le composant Mot de passe pour saisir des mots de passe. Le texte s'affiche sous forme d'astérisques au lieu de la valeur réelle saisie pour la confidentialité.

Case à cocher

Type de données : Boolean

Vous pouvez utiliser le composant Checkbox pour saisir des valeurs booléennes (true ou false).

Cocher les cases

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

Vous pouvez utiliser le composant Zones de sélection ( Select Boxes ) pour permettre aux utilisateurs de choisir plusieurs valeurs dans une liste.

Valeurs - vous permet d'ajouter des options à votre composant Zone de sélection. Le la colonne est la valeur visible par les utilisateurs. La colonne Valeur (Value) est le nom stocké dans les données.

Astuce :

Vous pouvez transmettre ou récupérer des valeurs à partir d'un composant Sélectionner des cases ( Select Boxes ), à l'aide des activités Définir les valeurs de formulaire ( Set Form Values) et Obtenir les valeurs de formulaire ( Get Form Values) . Pour ce faire, affectez la valeur de l'argument en tant que variable de type List .

Libellé/en-tête

Type de données : String

Vous pouvez utiliser le composant Libellé/En-tête pour ajouter des libellés à d'autres composants de formulaire. Vous pouvez également l'utiliser pour séparer les sections de votre formulaire.

• Taille de l'étiquette - choisissez une taille ou un type pour le composant Étiquette/En-tête dans la liste déroulante.

Liste déroulante

Type de données : String

Vous pouvez utiliser le composant Liste déroulante pour afficher des listes dans un format déroulant.

• Type de widget : sélectionnez le type de widget que vous souhaitez utiliser.

• Valeurs de la source de données (Data Source Values ) : saisissez les valeurs qui apparaissent dans la liste déroulante. La colonne Libellé est la valeur visible par les utilisateurs. La colonne Valeur (Value) est le nom stocké dans les données.

  
  

  

  
  
• Modèle d'élément (Item Template ) - Modèle HTML qui vous permet de contrôler la façon dont les valeurs sont affichées dans la liste déroulante. Vous pouvez accéder aux valeurs de la liste déroulante, via la variable item . Par exemple, utilisez item.label pour accéder à une certaine valeur dans la liste déroulante
• Options d'actualisation activées (Refresh Options On ) : actualise les données lorsqu'un autre champ est modifié.
• Actualiser les options en cas de flou (Refresh Options On Blur ) : actualise les données lorsqu’un autre champ est flou.
• Effacer la valeur lors de l'actualisation des options (Clear Value on Refresh Options ) : efface la valeur des composants lorsque l'option Actualiser sur le champ ( Refresh On Field) est modifiée.
• Valeur en lecture seule (Read Only Value ) : affiche la valeur uniquement en mode Lecture seule (Read-Only).
• Options Choice.js - entrez l'objet JSON brut à utiliser comme options pour le composant Select .
• Utiliser la recherche exacte (Use exact search ) - désactive le seuil de l'algorithme de recherche.
• Valeur par défaut personnalisée : créez une valeur par défaut personnalisée à l'aide de JavaScript ou de JSONLogic.

Bouton radio

Type de données : String

Vous pouvez utiliser le composant Radio pour permettre aux utilisateurs de choisir une seule valeur dans une liste.

• Valeurs : saisissez les valeurs qui apparaissent dans la liste. La colonne Libellé est la valeur visible par les utilisateurs. La colonne Valeur (Value) est le nom stocké dans la base de données.

Button

Type de données : String

Vous pouvez utiliser le composant Button pour permettre aux utilisateurs d'effectuer diverses actions dans le formulaire.

• Action (Action) - sélectionnez l'action que vous souhaitez que le bouton effectue :

  • Soumettre (Submit) : soumet le formulaire.
  • Cliquer (Click) - effectue l'opération de clic.
  • Réinitialiser le formulaire (Reset Form ) : réinitialise les champs du formulaire.
  • Événement : lorsqu'un utilisateur clique sur le bouton, un certain événement commence à s'exécuter. Lorsque vous sélectionnez Événement , vous devez saisir l'événement dans le champ Événement du bouton ( Bouton Event ).
• Thème (Theme) : choisissez le thème de couleur du bouton dans la liste déroulante.
• Taille (Size) : choisissez la taille du bouton dans la liste déroulante.
• Bouton Bloquer (Block Button ) : s'étend sur toute la largeur du conteneur englobant.
• Icône Gauche/Droite : ajoutez la chaîne de classe d'icône complète pour afficher une icône spécifique. Par exemple, vous pouvez ajouter fa fa-plus.