Skip to main content

Définir une condition de visibilité pour un contenu de formulaire

Archived

1 Tâche

5 mins

Visible to: All users
Débutant Pega Platform 8.6 Expérience utilisateur Français
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded. Cliquez ici to continue your progress in the latest version.

Scénario

L'application GoGoRoad permet aux clients d'entrer l'adresse de service en saisissant des informations dans des champs ou en sélectionnant un lieu depuis une carte. Pour personnaliser l'expérience utilisateur par canal, le consultant UI sollicite la fonctionnalité suivante : les utilisateurs qui se servent d'un appareil non mobile saisissent l'adresse de service dans les champs. Les utilisateurs qui se servent d'un appareil mobile sélectionnent le lieu sur une carte. Configurez le formulaire « Identify location » de sorte à masquer le contenu redondant selon l'appareil utilisé.

Vous trouverez dans le tableau suivant les identifiants dont vous avez besoin pour relever le défi.

Rôle Nom d’utilisateur Mot de passe
Développeur d’applications author@gogoroad pega123!
Note: Votre environnement de travail peut vous permettre de relever plusieurs défis à la fois. Par conséquent, la configuration présentée dans la vidéo de présentation du défi peut ne pas correspondre exactement à votre environnement de travail.

Présentation du défi

Détail des tâches

1 Définir des conditions de visibilité à l'étape Identify location

  1. Dans le volet de navigation d’App Studio, cliquez sur Case types > Assistance Request pour ouvrir le type de dossier Assistance request.
  2. Cliquez sur Save and run pour exécuter une nouvelle instance de dossier.
  3. Faites avancer le dossier jusqu’à l’étape Identify location.
  4. Dans l’en-tête d’App Studio, cliquez sur Design pour entrer dans le mode de conception.
  5. Passez le curseur sur la section Service address , puis cliquez sur l’icône Edit this section.
  6. Dans le volet de configuration de droite, assurez-vous que la section comportant les champs Street, City et State est bien ouverte.
  7. Cliquez sur Settings pour ouvrir le volet de configuration de cette section.
    default Service address section configuration pane
    1. Dans l'onglet General , dans la liste Visibility, sélectionnez Condition (when rule)
    2. Dans le champ Condition for visibility, saisissez ou sélectionnez pyIsNotMobile.
    3. Dans la zone Caption , sélectionnez None.
      Visibility condition pyIsNotMobile
    4. En haut du volet de configuration de la section, cliquez sur Apply pour définir les configurations sur la section.
    5. Fermez le volet de configuration de la section.
  8. Dans le volet de configuration, dans la liste Default , sélectionnez Identify location pour ouvrir le volet de configuration pour la section Identify location.
    callout-default
  9. Dans le volet de configuration de la section Identify location, passez le curseur sur Location Field (Optional), puis cliquez sur l’icône Edit this "Section".
    section-edit
  10. Cliquez sur Settings pour ouvrir le volet de configuration de cette section.
    1. Dans l'onglet General , dans la liste Visibility , sélectionnez Condition (when rule)
    2. Dans le champ Condition for visibility, saisissez ou sélectionnez pyIsMobile.
      visibility condition pyIsMobile
    3. Cliquez sur Apply pour définir la configuration de visibilité.
  11. Cliquez sur Design pour quitter le mode de conception.

Vérifier votre travail

À l'étape Identify location, vérifiez que le champ Address et la carte sont masqués.

Identify location step with hidden map and Address field
Note: Si vous deviez configurer l'application GoGoRoad sur un appareil mobile, vous pourriez vérifier que le champ Address et la carte sont bien affichés. La configuration sur appareil mobile ne fait pas partie du périmètre de ce défi.


Disponible dans les missions suivantes :

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice