Skip to main content
close Search
Close search

チャレンジ

UI要素にスタイルを適用する

2 タスク

5 分

Visible to all users
初級 Pega Platform ユーザーインターフェイス 日本語

シナリオ

GoGoRoadsのUIチームから、ドロップダウン リストの表示を簡素化するために、ドロップダウン コントロールのスタイルを変更するように依頼されました。

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

ロール オペレーター ID パスワード
アプリケーションデベロッパー author@gogoroad pega123!

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

You must initiate your own Pega instance to complete this チャレンジ.

Initialization may take up to 5 minutes so please be patient.

詳細なタスク

1 「Create」ビューでドロップダウン リストのスタイルを変更する

  1. App Studioで、「Assistance Request」ケースインスタンスを作成します。
  2. 「Create」ビューで「Edit」アイコンをクリックすると、ビューを編集できます。
  3. ビューまたは右側のプロパティパネルで、「Service type」フィールドにカーソルを合わせ、「Edit this field」アイコンをクリックします。
    Pencil icon shown when hovering over a control
  4. 右側のプロパティパネルの「General」タブで、「Use property default」チェックボックスをオフにします。 
  5. 「Label value」フィールドのテキストをクリアします。
  6. 「Placeholder」フィールドに「Select the service type」と入力します。
    General tab when editing a control
  7. 「Presentation」タブをクリックします。
  8. 「Control format」フィールドに、「Transparent」と入力するか、これを選択します。
  9. 「Specify size」エリアで、「Auto」をクリックします。
    Presentation tab when editing a control

2 作業の確認

  1. パネルのヘッダーで、「Apply」をクリックして表示の変更を適用します。
  2. パネルを閉じて、「Create」ビューの実行時の表示に戻ります。
    Verification of style change on drop down control


下記のミッションにも含まれています。

If you are having problems with your training, please review the Pega Academy FAQs.

このコンテンツは役に立ちましたか?

このコンテンツは 100% のユーザーにとって役に立ちました。

改善できるところはありますか?

修正を提案する。

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