ポップアップを作成して使用する
ポップアップを使用して、エンドユーザーに情報を提供したり、入力を求めたりことができます。データを入力している間も、コンテキストは保たれたままであるため、エンドユーザーに優れたエクスペリエンスを提供します。
リアクティブWebおよびモバイル
リアクティブWebおよびモバイルアプリでポップアップを作成して使用するには、以下の手順を実行します。
-
Popupウィジェットを画面にドラッグします。
-
ポップアップの表示を制御するために、Boolean型の変数を画面に追加します(これを使用してポップアップの表示/非表示を切り替えます)。
-
Show Popupプロパティに変数を設定します。これで、変数の値に応じて効果的にポップアップを切り替えます。
-
True
を変数に割り当て、ポップアップを表示する画面にクライアントアクションを実装します。 -
ポップアップコンテンツを実装します。
従来のWeb
従来のWebアプリでポップアップを作成して使用するには、以下の手順を実行します。
-
ポップアップを開くリンクに名前を付け、リンクのOnClick Methodプロパティが「Navigate」に設定されていることを確認します。
-
ポップアップのための新しい画面を作成します。ウィジェットツリーで、画面のレイアウトのSource Web Blockを「
Layouts\LayoutPopup
」に設定します。 -
前の画面で、リンクのDestinationをポップアップ画面にします。
-
検索バー(Ctrl + F)を使用してPopup_Editorを検索し、画面にドラッグします。
-
Popup_EditorのLinkOrButtonWidgetプロパティをリンクのIdランタイムプロパティに設定します。
-
Popup_EditorのOnNotify Destinationプロパティで[(New Screen Action)]を選択し、アクションのフローは空のままにしておきます。
-
ポップアップコンテンツを実装します。