Le composant de saisie de texte invite l’agent à saisir du texte et peut valider le texte. Vous pouvez lier la valeur d’un composant de saisie de texte à une variable.

  1. Cliquez sur l'icône Input dans la barre d'outils des composants. 

  2. Dans le panneau des propriétés, utilisez le Espace réservé pré-remplir le contrôle avec une invite qui indique au lecteur quoi taper. Les variables ne stockent jamais de texte fictif. Le texte de substitution est un texte temporaire qui informe l’agent, et il est automatiquement remplacé par l’entrée utilisateur. Par exemple:

    example-placeholder-text

    Vous pouvez préremplir le champ avec la valeur d’une variable. Pour ce faire, sélectionnez une variable dans la liste Valeur dans les propriétés du composant. La valeur s’affiche automatiquement sur utilisateur au moment de l’exécution. La valeur de la variable est automatiquement mise à jour avec le texte défini par utilisateur, sous réserve d’une validation facultative

  3. Pour valider la saisie de utilisateur, développez le Commun groupe. Puis cliquez sur le Validation liste.

    text_input_validation_drop_list2

  4. Choisir Sélectionner ou Douane sélectionner une méthode de validation.

    • Sélectionnez: Sélectionner vous permet de choisir un modèle de validation prédéfini. Les préréglages de validation sont :

      Email La saisie doit être conforme à la syntaxe de l’adresse électronique.
      Alphabétique Autoriser la saisie alphabétique seulement (pas de chiffres).
      Alphabétique - Avec espaces Autorise uniquement la saisie alphabétique et requiert des espaces entre les mots. Par exemple, “cool beans” est acceptable, mais “cool_beans” ne l’est pas.
      Alphabétique - avec des tirets bas Nécessite une saisie alphabétique uniquement (pas de chiffres) et des traits de soulignement entre les mots. Par exemple, “cool_beans” est acceptable, mais pas “cool beans”.
      Alphanumérique La saisie de texte doit contenir des lettres et des chiffres.
      Alphanumérique - Avec espaces La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des espaces.
      Alphanumérique - Avec des tirets bas La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des traits de soulignement.
    • Personnalisé : Si une validation préemballée n'est pas suffisante, vous pouvez utiliser une expression régulière pour valider les entrées de texte. Sélectionner Douane du Validation liste. Ensuite, entrez expression régulière dans la zone de texte. Les expressions régulières sortent du cadre de ce sujet. Mais supposons par exemple que vous souhaitiez que Utilisateur entre la phrase "chien" quelque part dans une entrée de texte. Dactylographie chien dans la propriété de validation personnalisée configure un simple expression régulière qui accepte chien, sundog, hot dog, mon bon chien Penny ou d’autres combinaisons de caractères contenant cette chaîne sensible à la casse, mais pas DOG Doggie.

      Un autre exemple est ^ [az] + $ accepter uniquement les caractères alphabétiques minuscules.

      Astuce :   Internet offre de nombreuses ressources pour en savoir plus sur les expressions régulières. Des exemples sont http ://www.regular-expressions.info/ et https ://en.wikipedia.org/ ?title=Regular_expression.

      Lorsque le focus quitte la zone de texte, la valeur du composant de saisie de texte est validée pour garantir sa conformité à la règle de validation sélectionnée. Si l’entrée d’utilisateur ne passe pas la validation, les bordures deviennent rouges pour indiquer un problème de validation avec ce qui a été tapé. Vous pouvez tester des validations personnalisées et prépackagées dans le mode de prévisualisation de l'éditeur.

      entrée de texte invalide

  5. Définissez le commutateur Requires Value sur Oui si l'utilisateur doit saisir une valeur dans le composant. Par défaut, ce paramètre est Non, ce qui signifie que la saisie de l'utilisateur est facultative. 

    1. Définissez le commutateur Requires Value sur True si l'utilisateur doit saisir une valeur dans le composant. Par défaut, ce paramètre est Faux, ce qui signifie que la saisie de l'utilisateur est facultative.
  6. Pour définir une action, cliquez sur Aucune action sélectionnée au dessous de Changer d’action dans le groupe de propriétés Avancé. 

  7. Pour sélectionner une action, cliquez sur une ligne de la liste. Vous pouvez affecter une action définie précédemment ou créer une nouvelle action.

  8. Fermez la liste Sélectionner des actions. 

  9. Définissez éventuellement d’autres propriétés de ce composant. Par exemple, vous pouvez ajuster l’espacement autour de ce composant à l’aide des paramètres de marge.

    Éléments communs

    La valeur lie un composant à la variable sélectionnée. Par exemple, si vous liez un composant d’entrée de texte à une variable, la zone de saisie affichera toujours la valeur de cette variable, en ignorant tout texte d’espace réservé spécifié. La variable est automatiquement mise à utilisateur jour avec le texte tapé par le , sous réserve de traitement de validation.

    Autres commandes, boutons radio par exemple, utilisez la valeur avec un paramètre de texte de valeur sélectionné. Lorsque le bouton radio est sélectionné dans ex exécuter, son "Texte de valeur sélectionné" devient la nouvelle valeur de la variable. De cette façon, chaque case d’option peut assigner une valeur différente à la même variable.

    Lorsqu’un contrôle Calendar est lié à la variable, sa valeur est définie sur la date sélectionnée par le contrôle. Étant donné que les variables peuvent prérégler la valeur des contrôles visuels et être également définies par elles, la liaison est une technique puissante et souvent utilisée.

    Le texte fictif affiche un indice pour le Utilisateur.

    exemple-placeholder-property

    Pour une entrée de texte, le texte de substitution est affiché jusqu’à la saisie de types utilisateurYYZY Si utilisateur efface le contenu d’une zone de saisie, le texte de substitution est de nouveau affiché.

    exemple-lieu-titulaire-affiché

    Pour un menu déroulant, un texte de substitution invite utilisateur à effectuer une sélection.

    La figure montre le texte de substitution avant la sélection dans une liste déroulante.

    L’espace réservé est remplacé après la sélection d’un élément par utilisateur

    espace réservé-remplacé-par-sélection

    Astuce :   Pointe : Le texte fictif saisi manuellement est ignoré si le composant est lié à une variable. Si une variable est sélectionnée, sa valeur est toujours affichée.

    La validation garantit que l’agent a saisi du texte correctement formaté. Lorsque le focus quitte le saisie de texte , Genesys Cloud teste la valeur du texte pour s’assurer qu’elle est conforme à la règle de validation sélectionnée. Si le texte ne réussit pas la validation, les bordures deviennent rouges pour indiquer un problème de validation avec le texte.

    Utilisez la liste déroulante pour sélectionner une méthode de validation :

    sélectionner une méthode de validation

    • Sélectionner- vous permet de sélectionner un modèle de validation prédéfini :

      E-mail La saisie doit être conforme à la syntaxe de l’adresse électronique.
      Alphabétique Autoriser la saisie alphabétique seulement (pas de chiffres)
      Alphabétique - Avec espaces Autorise uniquement la saisie alphabétique et requiert des espaces entre les mots. Par exemple, "cool beans" est acceptable mais "cool_beans" ne l’est pas.
      Alphabétique - avec des tirets bas Nécessite une saisie alphabétique uniquement (pas de chiffres) et des traits de soulignement entre les mots. Par exemple, "cool_beans" est acceptable mais "cool beans" ne l’est pas.
      Alphanumérique La saisie de texte doit contenir des lettres et des chiffres.
      Alphanumérique - Avec espaces La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des espaces.
      Alphanumérique - Avec traits de soulignement La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des traits de soulignement.
    • Douane- vous permet de sélectionner une variable de chaîne. Par exemple, vous pouvez avoir la variable chaîne comme regex, puis utiliser cette variable sur plusieurs pages pour que la validation reste la même. Pour plus d'informations sur la méthode de validation personnalisée, voir Composant de script de saisie de texte.

    Détermine si l'utilisateur doit taper ou sélectionner une valeur. La valeur par défaut est False, ce qui signifie que l'interaction avec l'utilisateur est facultative.

    L’interface utilisateur indique utilisateur visuellement si l’entrée est facultative. 

    L’entrée facultative est indiquée par une étiquette inférieure au composant :

    Saisie de texte les boîtes supportent un seul analyse de cause première par par défaut Lorsque Multiligne est défini sur Non (par par défautaut), une entrée de texte n’enveloppe pas le texte ni ne se redimensionne verticalement.

    multiligne-faux

    Lorsque Multiligne est défini sur Non, vous pouvez effacer tout texte précédemment saisi en cliquant sur cette icône :

    bouton multiligne-faux

    Si vous définissez Multiligne sur Oui, une entrée de texte accepte plusieurs lignes de texte. 

    multiligne vrai

    Mot de passe

    Pour configurer un composant d'entrée pour un mot de passe, définissez le mot de passe sur Yes. Le texte du mot de passe est caché. Le paramètre par défaut du mot de passe est No.

    Afficher le mot de passe (Toggle)

    Pour afficher le commutateur à bascule qui affiche le mot de passe, définissez Show Password Toggle sur Yes. Le paramètre par défaut pour Show Password Toggle est No.

     

    Disposition

    Configure la largeur sur une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Configurer Description
    Dimensionnement automatique de la mise en page du script Le dimensionnement automatique configure le composant pour qu’il se contracte ou se développe conformément à son contenu. Par exemple, la largeur d’une étiquette peut augmenter en fonction de la quantité de texte qu’elle contient.
    paramètres-dimensionnement-stretch

    Stretch permet à un composant de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids.

    Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus gros que l’autre, son poids étant égal à deux fois le poids du deuxième composant.

    Pixels de mise en page du script Définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.

    Configure la hauteur à une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Configurer Description
    Script Layout Auto Sizing height Le dimensionnement automatique configure le composant pour qu’il se contracte ou se développe conformément à son contenu.
    Script Layout Pixels height Définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
    paramètres-dimensionnement-stretch

    Stretch permet à un composant de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.

    Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids.

    Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus gros que l’autre, son poids étant égal à deux fois le poids du deuxième composant.

    Aligne un composant vers la gauche, la droite conteneur ou le centre, par rapport à son parent.

    Astuce :   conseil : Un composant ne peut pas être aligné verticalement au conteneur centre si le réglage de hauteur de son parent est Dimensionnement automatique. Pour corriger cela, définir conteneur la hauteur du parent sur étirer ou à une hauteur fixe en Pixels.
    Configurer Exemple
    align-left2 align-left-example2
    align-center2 align-center-example2
    align-right2 align-right-example2
    aligner-commencer align-start-example
    aligner-vertical-center align-vertical-center-example
    align-vertical-end align-vertical-end-example

    Les marges définissent les espacements gauche, droit, supérieur et inférieur autour d’une bordure.

    L’image montre la relation entre les paramètres de marge, de bordure et de rembourrage.

    1. Pour mettre à jour en option toutes les valeurs de marge en même temps, appuyez sur Définir tous les bouton pour marge dans le panneau de propriétés.

      image du bouton set all

    2. Cliquez sur le champ de valeur pour une marge. Un contrôle de rotation apparaît dans ce champ.

    3. Utilisez le contrôle de rotation pour augmenter ou réduire la marge. Si Mettre tous a été sélectionné, le changement est appliqué à toutes les marges.

      paramètres-marge-spinner

      Le composant est immédiatement repositionné à l’aide de son nouveau paramètre de marge.

    Définit la visibilité d’un composant en fonction de la valeur d’une variable booléenne (True ou False).

    1. Cliquez sur le agencement groupe immobilier. Sous Visible, cliquez sur Sélectionnez une variable.
    2. Sélectionnez une variable, ou créez une nouvelle variable Oui/Non, puis attribuez cette nouvelle variable à la visible propriété.
    3. Chez ex terminer, le composant est visible lorsque la valeur de la variable est True. Inversement, il est masqué lorsque la valeur de la variable est Faux.

    Avancé

    La valeur lie un composant à la variable sélectionnée. Par exemple, si vous liez un composant d’entrée de texte à une variable, la zone de saisie affichera toujours la valeur de cette variable, en ignorant tout texte d’espace réservé spécifié. La variable est automatiquement mise à utilisateur jour avec le texte tapé par le , sous réserve de traitement de validation.

    Autres commandes, boutons radio par exemple, utilisez la valeur avec un paramètre de texte de valeur sélectionné. Lorsque le bouton radio est sélectionné dans ex exécuter, son "Texte de valeur sélectionné" devient la nouvelle valeur de la variable. De cette façon, chaque case d’option peut assigner une valeur différente à la même variable.

    Lorsqu’un contrôle Calendar est lié à la variable, sa valeur est définie sur la date sélectionnée par le contrôle. Étant donné que les variables peuvent prérégler la valeur des contrôles visuels et être également définies par elles, la liaison est une technique puissante et souvent utilisée.

    Le texte fictif affiche un indice pour le Utilisateur.

    exemple-placeholder-property

    Pour une entrée de texte, le texte de substitution est affiché jusqu’à la saisie de types utilisateurYYZY Si utilisateur efface le contenu d’une zone de saisie, le texte de substitution est de nouveau affiché.

    exemple-lieu-titulaire-affiché

    Pour un menu déroulant, un texte de substitution invite utilisateur à effectuer une sélection.

    La figure montre le texte de substitution avant la sélection dans une liste déroulante.

    L’espace réservé est remplacé après la sélection d’un élément par utilisateur

    espace réservé-remplacé-par-sélection

    Astuce :   Pointe : Le texte fictif saisi manuellement est ignoré si le composant est lié à une variable. Si une variable est sélectionnée, sa valeur est toujours affichée.

    Tous les composants par défaut sont activés par. La propriété Disabled lie une variable True / False à un composant pour l’activer ou l’activer en fonction de la valeur ex traiter de la variable.

      1. Pour créer une variable True/False, cliquez sur Variables onglet.

      2. Cliquez sur Ajouter pour ajouter une variable.

        Figure montre le bouton qui ajoute une nouvelle variable.

      3. sélectionner Vrai/faux comme type de données.

        La figure montre les types de données variables

      4. Dans la case Name, tapez un nom descriptif.

        actuellement-Enabled-variable

      5. Définir la valeur par défaut sur véritable ou sous des prétextes fallacieux.

        • Si la variable est True, alors le composant est désactivé.

        • Si la variable est False, alors le composant est activé.

      6. Pour enregistrer la variable, cliquez sur Appliquer.
      7. Affectez la variable à la propriété Disabled. Sous handicapécliquez sur Sélectionner une variable.

        handicapés-réglage de la propriété

      8. Sélectionnez la variable true/false.

        actuellement activée-variable-Selected

    Pour tester votre travail, cliquez sur Aperçu.

    La validation garantit que l’agent a saisi du texte correctement formaté. Lorsque le focus quitte le saisie de texte , Genesys Cloud teste la valeur du texte pour s’assurer qu’elle est conforme à la règle de validation sélectionnée. Si le texte ne réussit pas la validation, les bordures deviennent rouges pour indiquer un problème de validation avec le texte.

    Utilisez la liste déroulante pour sélectionner une méthode de validation :

    sélectionner une méthode de validation

    • Sélectionner- vous permet de sélectionner un modèle de validation prédéfini :

      E-mail La saisie doit être conforme à la syntaxe de l’adresse électronique.
      Alphabétique Autoriser la saisie alphabétique seulement (pas de chiffres)
      Alphabétique - Avec espaces Autorise uniquement la saisie alphabétique et requiert des espaces entre les mots. Par exemple, "cool beans" est acceptable mais "cool_beans" ne l’est pas.
      Alphabétique - avec des tirets bas Nécessite une saisie alphabétique uniquement (pas de chiffres) et des traits de soulignement entre les mots. Par exemple, "cool_beans" est acceptable mais "cool beans" ne l’est pas.
      Alphanumérique La saisie de texte doit contenir des lettres et des chiffres.
      Alphanumérique - Avec espaces La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des espaces.
      Alphanumérique - Avec traits de soulignement La saisie de texte doit contenir à la fois des lettres et des chiffres avec des mots séparés par des traits de soulignement.
    • Douane- vous permet de sélectionner une variable de chaîne. Par exemple, vous pouvez avoir la variable chaîne comme regex, puis utiliser cette variable sur plusieurs pages pour que la validation reste la même. Pour plus d'informations sur la méthode de validation personnalisée, voir Composant de script de saisie de texte.

    Détermine si l'utilisateur doit taper ou sélectionner une valeur. La valeur par défaut est False, ce qui signifie que l'interaction avec l'utilisateur est facultative.

    L’interface utilisateur indique utilisateur visuellement si l’entrée est facultative. 

    L’entrée facultative est indiquée par une étiquette inférieure au composant :

    le Action de changement la propriété vous permet de définir une action qui s’exécute lorsque l’état ou la valeur de ce composant est modifié.

    Vous pouvez sélectionner une action Scripter, une action sortante ou une action personnalisée. Les actions sortantes ne sont pas disponibles à moins que la propriété sortante ne soit activée. 

    Saisie de texte les boîtes supportent un seul analyse de cause première par par défaut Lorsque Multiligne est défini sur Non (par par défautaut), une entrée de texte n’enveloppe pas le texte ni ne se redimensionne verticalement.

    multiligne-faux

    Lorsque Multiligne est défini sur Non, vous pouvez effacer tout texte précédemment saisi en cliquant sur cette icône :

    bouton multiligne-faux

    Si vous définissez Multiligne sur Oui, une entrée de texte accepte plusieurs lignes de texte. 

    multiligne vrai

    Mot de passe

    Pour configurer un composant d'entrée pour un mot de passe, définissez le mot de passe sur Yes. Le texte du mot de passe est caché. Le paramètre par défaut du mot de passe est No.

    Afficher le mot de passe (Toggle)

    Pour afficher le commutateur à bascule qui affiche le mot de passe, définissez Show Password Toggle sur Yes. Le paramètre par défaut pour Show Password Toggle est No.