1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Contact Form 7 - Felder nebeneinander

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von ualpay, 13. August 2014.

  1. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Ich möchte z.B. das Vorname-Feld und das Nachname-Feld nebeneinander platzieren.

    Wie kann ich das umsetzen?

    VIELEN DANK IM VORAUS?
     
  2. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    [​IMG]

    Beispielbild

    So hätte ich es gerne.
     
  3. Gerd-E.

    Gerd-E. Well-Known Member

    Registriert seit:
    24. April 2013
    Beiträge:
    3.203
    Zustimmungen:
    4
    Hi ualpay,

    wie sieht dein Formular-Code aus?
     
  4. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Hi Gerd-E.,

    so sieht mein Code aus, falls Du diesen meinst:

    <p>Ihr Name (Pflichtfeld)<br />
    [text* your-name] </p>

    <p>Ihre E-Mail-Adresse (Pflichtfeld)<br />
    [email* your-email] </p>

    <p>Unternehmen <br />
    [text unternehmen] </p>

    <p>Betreff (Pflichtfeld)<br />
    [text* your-subject] </p>

    <p>Sie interessieren sich für<br />
    [select Loesung include_blank "Office 365" "AntiViren Enterprise" "Cloud Telefonie" "Webfilter Professional" "myAmber DMS" "E-Mail-Management" "Secure Gateway/ Firewall" "RCDevs OpenOTP Zwei-Faktor-Authentifizierung" "E-Mail-Verschlüsselung" "myAmber DMS Digitale Personalakte" "Online-Backup BRaaS" "Protected Data Room"] </p>

    <p>Ihre Nachricht (Pflichtfeld)<br />
    [textarea* your-message] </p>

    <p>Lösen Sie die folgende Aufgabe (Wichtig: Ziffern verwenden!)<br />
    [mathcaptcha Mathe-Rechnung] </p>

    <p>[submit "Senden"]</p>
     
  5. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
  6. Gerd-E.

    Gerd-E. Well-Known Member

    Registriert seit:
    24. April 2013
    Beiträge:
    3.203
    Zustimmungen:
    4
    Hi ualpay,

    ja, den habe ich gemeint.

    Sollen jetzt "Ihr Name" und "Ihre E-Mail-Adress" so breit wie das Nachrichtenfeld werden oder wie soll es genau aussehen?
     
  7. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Hallihallo,

    @Gerd-E.: Nein, ich möchte das zwei Eingabefelder wie z.B. Name und E-Mailadresse in einer Zeile sind....

    @gericoach - Mach ich mal, danke.
     
  8. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Wo füg ich denn diesen CSS-Code ein? Wenn ich das in mein Theme-Sheet einfüge, funktioniert das leider nicht...
     
  9. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    doch, es funktioniert. setze es ans Ende der style.css ein.
    Du musst natürlich das Formular auch anders umsetzen. Das war im Artikel ja auch vermerkt:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  10. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Also bei mir klappt das mit diesen Codes nicht.
    Wenn ich es 1:1 übernehmen, kommt genau das dabei raus:

    Senden-Button ist falsch platziert und das E-Mail-Feld lässt sich nicht wirklich bearbeiten...(Siehe Bild)

    Column.jpg
     
  11. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Vielleicht kann sich das jemand mal anschauen
    Leider hauts mir die Sidebar unter mein Formular.
    Und den Text, den ich unten eingefügt habe, verformt es auch komplett.

    Siehe hier: http://www.metadok.eu/kontakt/

    DANKE!
     
  12. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    Zudem passiert das, wenn ich ein Formular absende:

    passiert.jpg
     
  13. Gerd-E.

    Gerd-E. Well-Known Member

    Registriert seit:
    24. April 2013
    Beiträge:
    3.203
    Zustimmungen:
    4
    Mit Twentyfourteen und etwas Arbeit am CSS funktioniert der von @gericoach vorgeschlagene Weg.

    kontankt-formular-zweispaltig.jpg
     
  14. ualpay

    ualpay Member

    Registriert seit:
    1. April 2014
    Beiträge:
    15
    Zustimmungen:
    0
    ich versuch mein bestes.
    danke
     
  15. PabloPlanSo

    PabloPlanSo New Member

    Registriert seit:
    5. Februar 2015
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo ualpay,

    wahrscheinlich hast Du dein Problem in der Zwischenzeit lösen können. Nichtsdestotrotz hatten wir ein ähnliches Problem mit den übrigen Formular Plugins, so dass wir letztendlich unser eigenes entwickelt haben, PlanSo Forms.

    Mit unserem Plugin kannst Du ganz einfach per drag-and-drop mehrspaltige Formulare in WordPress erstellen. Du kannst es gerne ausprobieren unter unserer Homepage oder direkt im WordPress Plugin Directory.

    Danke und einen schönen Gruß!
     
  16. BernieMedia

    BernieMedia New Member

    Registriert seit:
    22. Januar 2017
    Beiträge:
    1
    Zustimmungen:
    0
    Hallo, bei mir klappt es beim Feld Email nicht. schaut komplett anders aus als die anderen felder. nimmer die css vorgaben nicht an. Was kann ich tun?
     
  17. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    musst das CSS wohl richtig stylen, lehn dich doch einfach an die anderen input Felder an.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden