Skip to main content

フォームコンテンツの表示条件を設定する

Archived

1 タスク

5 分

Visible to: All users
初級 Pega Platform 8.6 ユーザーエクスペリエンス 日本語
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. ここをクリックして to continue your progress in the latest version.

シナリオ

GoGoRoadアプリケーションでは、顧客がフィールドに情報を入力したり、地図から場所を選択したりして、Service Addressを入力することができます。 チャネル別にユーザーエクスペリエンスをカスタマイズするために、UIコンサルタントは以下の機能をリクエストしています。モバイルデバイス以外のユーザーは、フィールドを使用してService Addressと入力します。 モバイルデバイスのユーザーは、地図上から場所を選択します。 使用中のデバイスに応じて冗長なコンテンツを非表示にするようにIdentify locationフォームを設定します。

以下の表は、チャレンジに必要なログイン情報をまとめたものです。

ロール ユーザー名 Password
アプリケーションデベロッパー author@gogoroad pega123!
補足: 練習環境では、複数の課題の完了をサポートする場合があります。 その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。

チャレンジ ウォークスルー

詳細なタスク

1 Idetify locationステップで表示条件を設定します。

  1. App Studioのナビゲーションペインで、Case types > Assistance Requestをクリックして、「Assistance Request」ケースタイプを開きます。
  2. Save and runをクリックして新しいケースインスタンスを実行します。
  3. ケースをIdetify locationステップに進めます。
  4. App Studioのヘッダーで、Design をクリックしてデザインモードに入ります。
  5. Service address セクションにカーソルを合わせてEdit this sectionアイコンをクリックします。
  6. 右側の構成ペインで、Street、City、およびStateフィールドを含むセクションが開いていることを確認します。
  7. Settingsをクリックして、そのセクションの設定ペインを開きます。
    default Service address section configuration pane
    1. General タブのVisibilityリストで、Condition (when rule)を選択します。 
    2. Condition for visibilityフィールドに、「pyIsNotMobile」と入力するか、選択します。
    3. Caption エリアで、Noneを選択します。
      Visibility condition pyIsNotMobile
    4. セクション設定ペインの一番上で、Applyをクリックしてセクションを設定します。
    5. セクション構成ペインを閉じます。
  8. 「Configuration」ペインのDefault リストでIdentify locationを選択して、Identify locationセクションの「Configuration」ペインを開きます。
    callout-default
  9. Identify location設定ペインで、Location Field (Optional)にカーソルを合わせてEdit this "Section"アイコンをクリックします。
    section-edit
  10. Settingsをクリックして、そのセクションの設定ペインを開きます。
    1. General タブでVisibility リストで、Condition (when rule)を選択します。 
    2. Condition for visibilityフィールドに、「pyIsMobile」と入力するか、選択します。
      visibility condition pyIsMobile
    3. ApplyをクリックしてVisibility Configurationを設定します。
  11. Designをクリックして、デザインモードを終了します。

作業の確認

「Identify location」ステップで、Address フィールドとマップが非表示になっていることを確認します。

Identify location step with hidden map and Address field
補足: モバイルデバイスでGoGoRoadアプリケーションをセットアップした場合、「Address」フィールドとマップが表示されることを確認できます。 モバイルデバイスの設定は、このチャレンジの対象外です。


このモジュールは、下記のミッションにも含まれています。

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