Skip to main content

フォーム要素へのテキストの追加

Pega Communityのロゴ

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

ユーザーが申請フォームに正しく記入できるように、簡単な指示を提供します。 ユーザーに追加情報を提供するには、フォーム要素に表示されるラベル、ヘルパーテキスト、プレースホルダーを使います。

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

  2. ワークエリアで「Save and run」をクリックしてケースを開きます。

  3. 開いているケースで、編集したいコントロールが含まれているビューに移動します。

  4. ビューで「Configure this view」をクリックします。

  5. 右側の設定パネルで、編集するコントロールにカーソルを合わせ、「Edit」アイコンをクリックします。

  6. 「General」タブで、コントロールのラベルを定義します。

    • コントロールソースのプロパティ名をラベルとして保持するには「Use property default」チェックボックスを選択します。
    • カスタムラベルを使用するには、「Use property default」チェックボックスの選択を解除し、新しいラベルを入力します。
  7. 「Placeholder」リストで、値が割り当てられていないときにコントロールに表示されるテキストを指定します。

    • プレースホルダーのスペースを空のままにするには、「None」を選択します。
    • プレースホルダーのテキストを追加するには、「Other」を選択し、使用するテキストを選択します。
    • Date timeコントロールで使用する日付の形式を表すプレースホルダーを追加するには、「Expected Format」を選択します。
  8. 「Helper text」リストで、コントロールに表示する追加のテキストを指定します。

    • ヘルパーテキストのスペースを空のままにするには、「None」を選択します。
    • インラインヘルパーテキストを追加するには、「Always visible/in-line」を選択し、ヘルパーテキストの値を定義します。
    • マウスオーバーするとテキストが表示されるヘルプアイコンを追加するには、「Help icon with overlay on hover」を選択し、ヘルプのテキストを入力します。
    • ツールチップを追加するには、「Tooltip (not recommended)」を選択し、ヘルプのテキスト値を定義します。

    ツールチップはマウスオーバー時にのみ表示されるため、アクセシビリティ機能に依存するユーザーには適していません。

  9. 「Apply」をクリックします。


このトピックは、下記のモジュールにも含まれています。

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

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

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

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