ファイルで設定できるWEB技術の優位性を享受できる点です。使用してモーダルウィンドウを構築する方法について説明します。一部のコンテンツを作成することを始めましょう。あなたはモーダルになるコンテナと、その上にそのモーダルが表示されるいくつかの他のコンテンツが必要になります。ファイルを作成します。方法論に従うことに注意してください。衝突回避など多くの優れた実践を強制します。デザイナーでそのファイルを使用するには、ページのアセットとしてそのファイルをアップロードする必要があります。そのためには、あなたのページを開き、「Assets」に移動し、画面下部の「新規アセットを追加」をクリックします。ファイルをアップロードします。クラス」プロパティからアクセスが可能になります。クラス」プロパティに「Modal-content」を追加しましょう。プレビューボタンをクリックして結果を確認します。CSSファイルを提供することができます。アセットを追加します。これは大幅に開発をスピードアップします。アセットとして常時アップロードされた状態にする必要があります。下部の要素がアクセスできないようにオーバーレイを追加する新しいコンテナをオーバーレイのコンテナとしてトップに追加し、「Modal-content」のコンテナを追加したオーバーレイのコンテナに移動します。ファイルに次のコードを追加します。1;}そして、オーバーレイのコンテナに「Modal-overlay」クラスを追加する必要があります。デザイナーでモーダルを表示する方法とタイミングに関しては、多くのアプローチがありますが、ここでは、複数のモーダルにうまく対応できる方法を紹介します。モーダルウィンドウを開くモーダルのコンテナを作成したので、次にそれを表示する際の制御を埋め込む必要があります。変数を作成することによって開始します。「Variables」に移動し画面下部の「新規変数を作成」をクリックします。名前を「modals」、タイプを「JSON」、値を「[]」にします。これは空の配列になります。次に「Modal-overlay」のコンテナの「コレクション」プロパティに「modals」変数をバインドします。この配列が空であるときはいつでも、モーダルを隠す効果を持っています。「modals」の配列にオブジェクトを追加した場合は、新しいモーダルを表示します。このチュートリアルでは、ボタンを使用してそれを行います。「Open」ボタンを追加し、そのボタンの「アクション」プロパティを「コレクションに追加」に設定し、次に「コレクション」プロパティに「modals」変数をバインドしましょう。プレビューを使用して「Open」ボタンのアクション結果を確認することができます。モーダルウィンドウを閉じるモーダルに対しダイレクトに応答することは、それを閉じることです。以前の方法では、ボタンウィジェットで別のアクションを使用することができましたが、ここでは新しい方法を紹介します。モーダルに「Close」ボタンを追加し、そのボタンの「アクション」プロパティを「コレクションから削除」に設定します。その後、「modals」変数を「コレクション」プロパティにバインドします。オブジェクトが削除されることを定義する必要があるので、「削除」プロパティで「項目」を選択し、「削除する項目」プロパティに「$item」変数を追加することでこれを行うことができます。ここの「$item」がコンテナの繰り返されるコンテキストにあるので、利用可能です。完成したあなたのデザインページは次のようになります。メールアドレスキャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。