Setting a visibility condition for form content
Archived
2 タスク
5 分
シナリオ
The GoGoRoad application allows customers to enter the service address by entering information in fields or selecting the location from a map. To customize the user experience by channel, the UI consultant has requested the following functionality: Users on a non-mobile device use the fields to enter the service address. Users on a mobile device select the location from a map. Configure the Identify location form to hide the redundant content depending on the device that is in use.
The following table provides the credentials you need to complete the challenge.
Role | User name | Password |
Application Developer | author@gogoroad | pega123! |
補足: Your practice environment may support the completion of multiple challenges. As a result, the configuration shown in the challenge walkthrough may not match your environment exactly.
チャレンジ ウォークスルー
詳細なタスク
1 Set visibility conditions on the Identify location step
- In the navigation pane of App Studio, click Case types > Assistance Request to open the Assistance request case type.
- Click Save and run to run a new case instance.
- Advance the case to the Identify location step.
- In the header of App Studio, click Design to enter the design mode.
- Hover over the Service address section, and then click the Edit this section icon.
- In the configuration pane on the right, verify that the section with the Street, City, and State fields is open.
- Click Settings to open the configuration pane for that section.
- On the General tab, in the Visibility list, select Condition (when rule).
- In the Condition for visibility field, enter or select pyIsNotMobile.
- In the Caption area, select None.
- At the top of the section configuration pane, click Apply to set the configurations on the section.
- Close the section configuration pane.
- In the configuration pane, in the Default list, select Identify location to open the configuration pane for the Identify location section.
- In the Identify location configuration pane, hover over Location Field (Optional), and then click the Edit this "Section" icon.
- Click Settings to open the configuration pane for that section.
- On the General tab, in the Visibility list, select Condition (when rule).
- In the Condition for visibility field, enter or select pyIsMobile.
- Click Apply to set the visibility configuration.
- Click Design to exit the design mode.
2 Confirm your work (section not graded)
In the Identify location step, verify that the Address field and the map are hidden.
補足: If you were to set up the GoGoRoad application on a mobile device, you can verify that the Address field and the map are displayed. Mobile device setup is out of scope for this challenge.