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