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>
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
  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