Anzeigen eines Webformulars in einer Überlagerung

7

Ich möchte, dass das benutzerdefinierte Webformular in einem Overlay angezeigt wird, wenn auf eine Schaltfläche geklickt wird. Ich verwende Colorbox- und Colorbox-Node-Module. Ich kann den gesamten Knoten anzeigen. Ich verstehe jedoch nicht, wie nur das Webformular anstelle des gesamten Knotens angezeigt werden soll. Ich habe den folgenden Code verwendet:

 <a class="colorbox-load" href="enquiry?width=600&amp;height=600&amp;iframe=true"><input value="Send Enquiry" type="submit"> </a>
7  webforms  modal-dialogs  javascript 
— Aditya Agarwal
quelle
Meinen Sie das Webform-Modul? Wenn nicht, vermeiden Sie bitte das Wort, da es in Drupal eine ziemlich spezifische Bedeutung hat. Und entfernen Sie das Tag. Bitte teilen Sie uns in jedem Fall genau mit, wie Sie Ihr Formular erstellt haben, da es definiert, was damit getan werden kann.
— Mołot

Antworten:

5

Wenn ich ein Webformular im Popup anzeigen muss , würde ich ctools modal verwenden .

Sie können das Modul Modal Forms verwenden, das die Modalfunktion im Modul ctools verwendet, um einige gängige Formulare in einem Modalfenster zu öffnen.

Unterstützte Formulare

  • Anmelden (modal_forms / nojs / login)
  • Neues Passwort anfordern (modal_forms / nojs / password)
  • Neues Konto erstellen (modal_forms / nojs / register)
  • Kontakt (modal_forms / nojs / contact)
  • Kommentar (modal_forms / nojs / comment / reply /% node)
  • Webform (Knoten modal_forms / nojs / webform /%)

Möglicherweise ist dies keine Antwort auf Ihre Frage, da Sie Colorbox verwenden , aber ich füge dies hinzu, damit Sie andere Optionen aktivieren können.

— Jayendra Kainthola
quelle
4

  1. Sie können Webformulare als Block aktivieren -> den von Ihnen erstellten Webformularinhalt auswählen, Registerkarte "Webform"> "Formulareinstellungen"> "Als Block aktivieren".

  2. Platziere den Block in einer Region, ich habe meinen in die Fußzeilenregion gelegt

  3. CSS formatiert den Fußzeilen-Webformularblock als "Anzeige: keine;"

  4. für Colorbox: Aktivieren Sie unter "Konfiguration", "Medien", "Colorbox" -> Erweiterte Einstellungen "Colorbox inline aktivieren".

  5. Fügen Sie dies als HTML-Code zum Öffnen des Colorbox-Webformular-Links hinzu:

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

Sie können das Webformular auch im Popup-Fenster mit dem Colorbox- Knotenmodul anzeigen .

Bietet dem Benutzer die Möglichkeit, JEDE Seite in einem Colorbox-Modal ohne Kopf- und Fußzeile anzuzeigen. Diese Seiten enthalten:

  • Knotenseiten
  • Benutzerseiten
  • Seiten anzeigen
  • Webforms (erfordert Webform Ajax-Modul)
  • Integration mit Ansichten
  • Integration in den Kontext
  • Integration mit Panels
— Bala
quelle
anjaan hat colorbox-node als tag verwendet, sodass er es möglicherweise bereits verwendet.
— Arpitr
Ich habe bereits beide Dinge ausprobiert, aber keinen Erfolg
— Aditya Agarwal
Das Problem ist, dass ich den gesamten Knoten öffnen kann, aber nicht das bestimmte Webformular.
— Aditya Agarwal
Auf der Seite des Colorbox-Moduls habe ich gelesen, dass "Formularunterstützung in Colorbox in 7.x-2.x entfernt wurde" und wir sollten modale Formulare verwenden, wie von Jayendra vorgeschlagen
— AgA
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.