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」をクリックします。


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

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

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

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

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

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