Skip to main content

デザインテンプレートの適用

Pega Communityのロゴ

注: 次のコンテンツはPega Communityを参照したページで、モジュール内容の理解度を高める目的で含まれています。

デザインテンプレートを使用すると、アプリケーションの一貫性を保ち、開発時間を短縮できます。 デザインテンプレートは一般的なUIパターンを表し、アイコンやコントロールなどのUI要素を追加する領域を指定します。

たとえば、「Card with image」テンプレートでは、UI上に大きな画像用のスペースがあり、下にフィールドとコントロール用のスペースがあります。

  1. App Studioのナビゲーション パネルで、「Case types」をクリックし、次に開きたいケースタイプをクリックします。

  2. ワークエリアで「Save and run」をクリックして新しいケースを実行します。

  3. 開いているケースでは、編集するビューにカーソルを合わせて「Configure this view」をクリックします。

  4. 右側の設定パネルで、「Change template」アイコンをクリックします。

  5. 「Select a template」ウィンドウで、ビューに適用するテンプレートをクリックします。

  6. 右側の設定パネルで、フィールド、セクション、コントロールをテンプレートに追加します。

    1. UIコンポーネントを追加する領域のヘッダーで「Add」アイコンをクリックします。

    2. 「Add」リストで、テキストフィールドなど、追加するコンポーネントにカーソルを合わせ、「Add」アイコンをクリックします。

  7. オプション:

    コンポーネントをテンプレートから削除するには、コンポーネント名の上にカーソルを置き、 「More options」 「Delete」 をクリックします。

  8. 設定パネルを閉じて設定を保存します。

  • 制御

    コントロールルールを使用して、ボタンやドロップダウンフィールドなど、フォームの単一プロパティの外観を決定します。

トレーニングを受講中に何か問題がありましたら、こちらをご覧ください: Pega Academy サポートのよくある質問 (FAQ).

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

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

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