UI ビルダー でのモードレスダイアログの作成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:1分
  • UI ビルダーページでモードレスダイアログを使用して、ウィンドウコンテンツとその下のページコンテンツの両方を操作できるフローティングウィンドウを追加します。

    モードレスダイアログコンポーネントは、UI ビルダー ページ上に表示されるコンポーネントとコンテンツを含むフローティングウィンドウです。モードレスダイアログでは、その下のページを表示してやり取りしながらアクションを実行できます。1 つのページに複数のモードレスダイアログウィンドウを追加できます。モードレスダイアログは、サイズを変更したり、ページ上の新しい位置に移動したり、最小化したりできます。

    モードレスダイアログはモーダルとは異なります。モーダルはポップアップ表示されますが、モーダルが閉じられるまでページとのインタラクションがブロックされます。モードレスダイアログは、外側をクリックすると閉じるポップオーバーとも異なります。

    一般的なモードレスダイアログのユースケースとしては、モードレスダイアログでのレコードの作成、メールの作成、チャットの使用、作業メモやコメントの追加、ヘルプ情報の読み取り、添付ファイルの追加/表示などがあります。

    ページ上にフローティング表示されるモードレスダイアログを指す黒い矢印と UI ビルダーエクスペリエンス。

    モードレスダイアログの構造

    モードレスダイアログは、次の 3 つの部分で構成されます。

    • モードレスダイアログをページに追加すると、ヘッダーには事前設定された最小化アイコン、展開アイコン、「閉じる」アイコンが含まれます。必要に応じて、他のアクションを構成できます。たとえば、新しいタブでモードレスダイアログを開くためのボタンのアクションを構成します。
    • メールコンポーザー、添付ファイル、エージェントチャットなど、UI ビルダーツールボックスの任意のコンポーネントを本文に追加します。コンポーネントをページに追加する場合と同様に、レイアウトを適用してコンポーネントを構成できます。
    • 必要に応じて、モードレスダイアログの下部にあるフッターに追加のボタンまたはコンテンツを提供します。
    ヘッダー、本文、フッターセクションがテキストで識別されている、新しいモードレスダイアログ。