PickUp Forguncyの使い方 コマンド(command)

コマンド ポップアップウィンドウの表示-Forguncy(フォーガンシー)

【コマンド】ポップアップウィンドウの表示-Forguncy(フォーガンシー)

Excelライクなノーコードプログラミングツール「Forguncy(フォーガンシー)」。 今回は、ポップアップウィンドウの表示についてご紹介したいと思います。

「コマンド」ー「画面遷移」ー「ポップアップウィンドウの表示」を選択します。

Forguncy内の他のページを指定し、ポップアップウィンドウで表示するコマンドです。

ポップアップウィンドウの表示画面
ダイアログウィンド(デフォルト)

ウィンドウの表示モードは5通りあります。

(ダイアログ・ドロップダウン・ポップアップ・ドロワー・カバー)

用途に応じてお選びください。


①ダイアログウィンドウ(デフォルト)

デフォルトのポップアップ表示です。

ポップアップウィンドウ以外の画面領域は、半透明の色で覆われ、操作が無効となります(モーダル表示)

ダイアログウィンド(デフォルト)

上下の表示位置を0%(ページ一番上)~100%(ページ一番下)内で指定することができます。

ダイアログの表示位置調整

②ドロップダウン

指定した単一セルからページをドロップダウン表示します。

ドロップダウン表示

タイトルバーは表示されません。

領域外をクリックすることで閉じます。

ドロップダウン時のウィンドウの表示モード

③タイトルバーなしのポップアップ

ページが中央固定でポップアップ表示されます。

タイトルバーは表示されません。

領域外をクリックすることで閉じます。

タイトルバーなしのポップアップ

④ドロワー

ページを画面の指定位置(上下左右)からスライド表示します。

ドロワーウィンドウの表示モード

開く方向を上下左右から選択可能です。

タイトルバーの表示/非表示が選択可能です。

また、領域外をクリックして閉じる挙動も選択できます。

ポップアップウィンドウの設定画面

⑤カバー

ページを画面の指定位置(上下左右)からスライド表示します。

ページのサイズに関わらず全画面表示します。

カバーのウィンドウ表示モード

開く方向を上下左右から選択可能です。

タイトルバーの表示/非表示が選択可能です。

ポップアップウィンドウの設定画面

注意点

カバーはページサイズにかかわらず全画面表示となるため、領域外をクリックして閉じることができません。

タイトルバーを表示するか、閉じるボタンを設置しない場合、ESCキーでしか閉じることができません。

便利な使い方

①値の受け渡し

ページ遷移と同様に、値の受け渡しを行うことができます。

データを引き継いで表示することで、参照・登録・更新に活用できます。


[詳細設定を表示...]をクリックし

詳細設定を表示...選択画面

受け渡す値と表示場所を設定します。

例:W2にユーザ名を記載


氏名欄(H4)に値を受け渡す

氏名欄(H4)に値を受け渡す設定画面

氏名にユーザ名が表示されます。

氏名にユーザ名が表示された登録画面

また、元の画面から遷移先へ連結データを引き継ぐことで、

現在参照しているレコード内容をポップアップ表示することも可能です。

例:リストビューの現在のレコードを引き継ぎ、ポップアップウィンドウを表示する


ユーザマスタを作成します。

ユーザマスタ作成画面

遷移前のページにユーザマスタとデータ連結したリストビューを作成します。

ユーザマスタとデータ連結したリストビュー作成画面

ポップアップウィンドウ用のページの項目もユーザマスタと連結します。

ポップアップウィンドウ用のページの項目のユーザマスタ連結画面

リストビューの右端にある[詳細]のハイパーリンクにポップアップウィンドウの表示コマンドを設定します。

ポップアップウィンドウの表示コマンド設定画面

[詳細設定を表示...]をクリックし

詳細設定を表示...選択画面

[遷移先ページのデータ連結設定]を[連結データを読み込む]にします。

連結データを読み込む選択画面

[詳細]のハイパーリンクをクリックすると、

レコード内容を引き継いだポップアップウィンドウが表示されるようになりました。

レコード内容を引き継いだポップアップウィンドウ画面

②ページ名をセルの値、または数式で指定

セルの値や数式を参照してページ名を指定することができます。

参照するページを変更する際の手間が減り、保守性を上げることができます。

例:セルB30 にページ名「登録画面」を記載

セルの値や数式を参照してページ名を指定する画面

ページ名「登録画面」が表示されます。

ページ名に「登録画面」が表示された画面