web-dev-qa-db-ja.com

オーバーレイでのWebフォームの表示

ボタンをクリックすると、ユーザー定義のWebフォームがオーバーレイにポップアップ表示されます。 colorboxおよびcolorbox-nodeモジュールを使用しています。ノード全体を表示できます。しかし、ノード全体ではなくWebフォームだけを表示する方法がわかりません。次のコードを使用しました。

 <a class="colorbox-load" href="enquiry?width=600&amp;height=600&amp;iframe=true"><input value="Send Enquiry" type="submit"> </a>
7webformsmodal-dialogsjavascript
7
Aditya Agarwal

webformをポップアップに表示する必要がある場合は、ctools modal。

C-toolsモジュールのモーダル機能を利用する modal forms モジュールを使用して、いくつかの一般的なフォームをモーダルウィンドウで開くことができます。

サポートされているフォーム

  • ログイン（modal_forms/nojs/login）
  • 新しいパスワードを要求する（modal_forms/nojs/password）
  • 新しいアカウントを作成します（modal_forms/nojs/register）
  • 連絡先（modal_forms/nojs/contact）
  • コメント（modal_forms/nojs/comment/reply /％node）
  • Webフォーム（modal_forms/nojs/webform /％node）

colorboxを使用しているため、これはあなたの質問に対する回答ではないかもしれませんが、他のオプションを確認できるようにこれを追加しています。

5
Jayendra Kainthola

  1. ブロックとしてウェブフォームを有効にすることができます->作成したウェブフォームのコンテンツを選択し、タブ「ウェブフォーム」>「フォーム設定」>「ブロックとして有効にする」

  2. ブロックをリージョン内に配置し、私はフッターリージョンに配置しました

  3. CSSはフッターWebフォームブロックを「display：none;」としてスタイル設定します。

  4. カラーボックスの場合：「構成」、「メディア」、「カラーボックス」->詳細設定で、「カラーボックスをインラインで有効にする」を有効にします

  5. これをcolorbox webformリンクを開くためのhtmlコードとして追加します。

<a class="colorbox-inline" href="?width=310&amp;height=460&amp;inline=true#name-of-your-block">

Colorbox Node モジュールを使用して、Webフォームをポップアップで表示することもできます。

ヘッダーとフッターなしでカラーボックスモーダル内の任意のページを表示する機能をユーザーに提供します。それらのページは次のとおりです。

  • ノードページ
  • ユーザーページ
  • ビューページ
  • Webforms（Webform Ajaxモジュールが必要です）
  • ビューとの統合
  • コンテキストとの統合
  • パネルとの統合
4
Bala

これらのリンクをチェックして、Webフォームをオーバーレイで表示する方法を確認してください

Webフォームをカラーボックスで開くことを許可する

シンプルなダイアログモジュールを使用してWebフォームを含むポップアップボックスを表示

0
Adi