ワークスペースユーザーがモーダルのサイズを変更できるようにする

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:1分
  • ユーザーがモーダルのサイズを手動で変更できるようにするには、 UI ビルダー を使用します。

    始める前に

    必要なロール:admin

    手順

    1. UI ビルダー でレコードページを開きます。
      1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
      2. 作業するエクスペリエンスを開くか、または [+ 作成] を選択してエクスペリエンスを作成します。
        エクスペリエンスの作成の詳細については、「Configure how users interact with your applications in UI Builder」を参照してください。
      3. エクスペリエンスでレコードページを開くか作成します。
        UI ビルダー でのレコードページの作成の詳細については、「Learning UI Builder」を参照してください。
    2. モーダルのサイズ変更を有効化:
      1. [モーダル] で、編集するモーダルを選択します。
      2. モーダルのパネルで、[ サイズ変更を有効にする]をオンにします。
      3. サイズ変更の最小の高さと幅を入力します。
    3. 既存のボタンを開いてモーダルを開くか、新しいボタンを作成してモーダルを開きます。
      UI ビルダー でモーダルを開くボタンの作成の詳細については、「Learning UI Builder」を参照してください。
      1. ボタンのパネルで、[ イベント ]タブを選択します。
      2. [+ イベント ハンドラーの追加] を選択し、 [継承されたイベント ハンドラー] の下にある [モーダル ダイアログを開くまたは閉じる] を選択します。
      3. [ モーダルを開く] ダイアログをオンにしてサイズ変更を有効にし、構成したモーダルを選択します。
      4. [追加] を選択し、 [保存] を選択します。
    4. サイズ変更を有効にするプレビューモーダル:
      1. [プレビュー] を選択します。
      2. プレビューが開いたら、[ モーダルを開く] を選択します。
        定義したモーダルが開きます。
      3. モーダルを閉じ、ブラウザーの戻るボタンを選択してエクスペリエンスのメイン画面に戻ります。