Skip to main content
  • Agency for web development
  • Content Management with Primer
  • Open Source Leadership with Drupal
    Language
  • Deutsch
  • English
  • Contact
Site logo
Content Management with Primer
  • References
  • Features
  • Blog
  • Price
  • Background
  • Dokumentation
    • Grundlagen
    • Inhalt
    • Erweiterungen
    • Administration
      • Benutzer verwalten
      • Benutzer betreuen
      • Formulare
        • Verwaltung
        • Benachrichtigung per Mail
        • CSV-Datei Herunterladen und Importieren
        • Formular-Übermittlungen löschen
        • mehrseitige Formulare
        • Captcha
        • Darstellung als Widget
        • Horizontales Layout
        • Button anpassen
        • Vertikale Abstände & Schritte
        • Dankes-Seite
        • DSVGO-konforme Formulare
        • Personalisierung
        • Übermittlungen limitieren
      • Menü
      • URL-Umleitungen
      • 40x Fehler beheben
      • Medien-Ordner erstellen
      • Tags verwalten
      • Shortcuts
    • Setup
    • Know-How
  • Agency for web development
  • Content Management with Primer
  • Open Source Leadership with Drupal
close
×

Info message

This content has not been translated to Englisch yet. You are reading the German version.

Formulare - Widget-Darstellung

Sie können entscheiden, ob Ihr Formular aus Ihrem regulären Inhalt hervorsscheinen soll oder nicht. Die reguläre Form fügt sich in den Inhalt ein und fällt nicht auf. Hier erklären wir Ihnen, wie Sie Ihrem Formular einen "Widget"-Stil geben können, der sich vom Rest Ihrer Seite abhebt. Sie können dem Formular auch einen Titel mit einem Widget-Title-Stil hinzufügen.

Privileged

Bearbeiten Sie das gewünschte Webformular (Siehe hier).

Gehen Sie über den Tab "Einstellungen" zum Reiter "Formular".

Forms SettingsForm

Klicken Sie auf "FORM GENERAL SETTINGS".

Forms SettingsGeneral

Scrollen Sie zu der Sektion "FORM ATTRIBUTES".

Forms SettingsAttributes

Wählen Sie aus dem Dropdown-Menü unter "Formular CSS classes" die Option "form-widget" aus.

Forms SettingsAttributesClass

Sie können auswählen, welche Breite Sie für Ihr Widget möchten: "form-widget" für die Standardgrösse, "form-widget--narrow" für ein eher schmales Formular oder "form-widget--wide" für ein breites Formular.

Speichern Sie die Änderungen.

Forms SettingsSave
Optional

Hinzufügen eines Titels zum Formular

Ein Titel kann im Stil von Widget-Titeln hinzugefügt werden.

Bearbeiten Sie das gewünschte Webformular (Siehe hier).

Klicken Sie auf "+Add element" (Element hinzufügen).

Forms AddElement Highlighted

Fügen Sie unter "MARKUP ELEMENTS" das Element "Advanced HTML/Text" hinzu.

Forms AdvHTMLAdd

Füllen Sie im Tab "Allgemein" das Feld "Schlüssel" aus. Sie können den Namen des Feldes frei wählen. Wir empfehlen, etwas zu wählen, das mit dem entsprechenden Feld zusammenhängt (bspw. "titel").

Forms AdvHTMLKey

Wählen Sie "Überschrift 2" für der Abzatsformat.

Forms AdvHTMLHeading

Schreiben Sie den gewünschten Titel in das Textfeld.

Forms AdvHTMLText

Klicken Sie auf "Erweitert" und dann auf "WRAPPER ATTRIBUTES".

Forms ElementAdvancedSettings

Wählen Sie den CSS-Selektor "heading--title".

Forms ElementCSSTitle

Speichern Sie die Einstellungen.

Forms CSSSave

Speichern Sie das Formular.

FormGeneral Save

Navigation

  • Benutzer verwalten
  • Benutzer betreuen
  • Formulare
    • Verwaltung
    • Benachrichtigung per Mail
    • CSV-Datei Herunterladen und Importieren
    • Formular-Übermittlungen löschen
    • mehrseitige Formulare
    • Captcha
    • Darstellung als Widget
    • Horizontales Layout
    • Button anpassen
    • Vertikale Abstände & Schritte
    • Dankes-Seite
    • DSVGO-konforme Formulare
    • Personalisierung
    • Übermittlungen limitieren
  • Menü
  • URL-Umleitungen
  • 40x Fehler beheben
  • Medien-Ordner erstellen
  • Tags verwalten
  • Shortcuts

About PRIMER

With PRIMER you get the perfect Drupal 10 solution for your organization, product or campaign within a few weeks. PRIMER is inexpensive, easy to use and offers you everything you need for successful online marketing.

MD Systems & Kampaweb GmbH

Hermetschloostrasse 77, 8048 Zurich, Switzerland

+41 44 500 45 95

[email protected]

  • Contact
  • Impress
  • Data Privacy
To top

© Copyright 2017 - 2018 MD Systems & Kampaweb GmbH. All rights reserved. Created with PRIMER.