Composant script à liste déroulante

Une liste déroulante permet à un agent de choisir une sélection dans une liste. Une liste déroulante inactive affiche la dernière valeur sélectionnée ou la valeur par défaut de la variable à laquelle elle est liée.

  1. Cliquez sur l'icône Menu déroulant dans la barre d’outils du composant.

  2. Étendre le Avancée groupe de propriétés.

  3. Dans les paramètres de Value, choisissez une variable de type chaîne.

    Remarque : Au moment de l’exécution, cette variable stocke la sélection de l’agent.
    La figure montre comment associer une variable à une liste déroulante
  4. Pour définir des sélections parmi lesquelles l'agent pourra choisir, sous Options, cliquez sur Edit List. Le site Editing List apparaît et fournit des outils pour ajouter, modifier, réorganiser ou supprimer des éléments de liste dans une liste déroulante. 

    La figure montre un bouton qui ouvre la fenêtre de la liste d’édition

  5. Cliquez sur Ajoute un nouvel objet.

    La figure illustre la fenêtre contextuelle d’édition de la liste dans son état par défautaut, sans ajout d’éléments de liste.

  6. Sous Valeur, tapez une valeur unique à stocker dans la variable lorsque cet élément est sélectionné.

    Astuce :   Les valeurs et les étiquettes des éléments de la liste déroulante peuvent inclure des variables interpolées ou du texte normal. Pour des informations générales, voir Utiliser des accolades pour afficher les valeurs des variables et Variables intégrées.

    La figure montre comment définir un élément déroulant qui stocke la valeur d’une variable interpolée.

  7. Dans Display, tapez le texte que l'agent voit comme une sélection parmi laquelle il peut choisir.

  8. Cliquez sur Ajouter.

  9. Répétez les étapes 4 à 8 de pour ajouter d'autres éléments à la liste.

  10. Pour repositionner des éléments dans la liste, utilisez les flèches haut et bas.

  11. Lorsque vous avez terminé, fermez la liste. Au moment de l’exécution, la liste déroulante affiche ces choix à l’agent. Si une valeur a été précédemment sélectionnée, elle est indiquée par une case à cocher.
    droplist_example2

  12. Pour définir une liste déroulante dynamique dans laquelle l'agent pourra faire son choix, sous Options, cliquez sur le menu et sélectionnez Variable.

  13. Dans la liste déroulante Valeurs Liste , sélectionnez une variable ou créez une nouvelle variable.

  14. (Facultatif) Sélectionnez une action à invoquer lorsqu'un élément est choisi dans cette liste déroulante.

  15. Cliquez sur Aucune action sélectionnée sous Changer d’action dans les propriétés du composant. 

  16. Définissez les autres propriétés de ce composant.


    É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.

    Cette propriété s’applique uniquement aux composants déroulants. Il ajoute ou supprime des éléments de liste d’un menu déroulant.

    1. Par par défaut, une liste déroulante ne contient aucun élément. Pour ajouter des choix aux utilisateurs, développez le Avancée groupe de propriétés.

      bouton déroulant-options-avancées

    2. Cliquez sur Liste d’édition sous Options.

    3. Cliquez sur Ajoute un nouvel objet.

    4. Pour chaque élément, configurez le texte à afficher et une valeur de retour :

      new-droplist-item

      • Ensemble Valeur à une chaîne ou un numéro unique. Lorsque l’élément est choisi, la valeur indique l’élément sélectionné par utilisateurYYZY. La valeur peut éventuellement être assignée par une variable.

      • Ensemble Afficher Pour envoyer un SMS, une est disponible dans la liste déroulante. Le texte d’affichage peut éventuellement être attribué par une variable.

    5. Cliquez sur Ajouter à sauvegarder l’élément.

    6. le Liste d’édition popover résume les éléments ajoutés. Vous pouvez réorganiser les éléments en cliquant sur les flèches haut / bas, les supprimer en cliquant sur l’icône de la corbeille ou ajouter d’autres éléments de la liste au menu déroulant.

      paramètres-liste déroulante-options-exemple2

    7. Cliquez sur Ajoute un nouvel objet ajouter des éléments supplémentaires.

    8. Lorsque vous avez terminé, fermez la fenêtre en cliquant sur sa case de fermeture

    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 :

    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.

    Cette propriété s’applique uniquement aux composants déroulants. Il ajoute ou supprime des éléments de liste d’un menu déroulant.

    1. Par par défaut, une liste déroulante ne contient aucun élément. Pour ajouter des choix aux utilisateurs, développez le Avancée groupe de propriétés.

      bouton déroulant-options-avancées

    2. Cliquez sur Liste d’édition sous Options.

    3. Cliquez sur Ajoute un nouvel objet.

    4. Pour chaque élément, configurez le texte à afficher et une valeur de retour :

      new-droplist-item

      • Ensemble Valeur à une chaîne ou un numéro unique. Lorsque l’élément est choisi, la valeur indique l’élément sélectionné par utilisateurYYZY. La valeur peut éventuellement être assignée par une variable.

      • Ensemble Afficher Pour envoyer un SMS, une est disponible dans la liste déroulante. Le texte d’affichage peut éventuellement être attribué par une variable.

    5. Cliquez sur Ajouter à sauvegarder l’élément.

    6. le Liste d’édition popover résume les éléments ajoutés. Vous pouvez réorganiser les éléments en cliquant sur les flèches haut / bas, les supprimer en cliquant sur l’icône de la corbeille ou ajouter d’autres éléments de la liste au menu déroulant.

      paramètres-liste déroulante-options-exemple2

    7. Cliquez sur Ajoute un nouvel objet ajouter des éléments supplémentaires.

    8. Lorsque vous avez terminé, fermez la fenêtre en cliquant sur sa case de fermeture

    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 :


    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.

    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.