Skip to main content

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

2 タスク

5 分

Visible to: All users
初級 Pega Platform ユーザーエクスペリエンス 日本語

シナリオ

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

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

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

このチャレンジを完了するには、Pegaインスタンスを起動する必要があります。

起動には5分ほどかかることがありますので、しばらくお待ちください。

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

詳細なタスク

1 Modify the style of the drop-down list on the Create view

  1. In App Studio, create an Assistance Request case instance.
  2. On the Create view, click the Edit icon to edit the view.
  3. In the view, or in the properties pane on the right, hover over the Service type field and click the Edit this field icon.
    Pencil icon shown when hovering over a control
  4. In the properties pane on the right, in the General tab, clear the Use property default check box. 
  5. Clear the text in the Label value field.
  6. In the Placeholder field, enter "Select the service type".
    General tab when editing a control
  7. Click the Presentation tab.
  8. In the Control format field, enter or select Transparent.
  9. In the Specify size area, click Auto.
    Presentation tab when editing a control

2 Confirm your work

  1. In the header of the pane, click Apply to apply the presentation changes.
  2. Close the pane to return to the run-time view of the Create view.
    Verification of style change on drop down control


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

If you are having problems with your training, please review the Pega Academy Support 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