Formularfeld E-Mail z.B. für online Terminanfrage

  • hallo und guten morgen zusammen,

    ich habe eine frage: gibt es die möglichkeit in einem formularfeld für zb. terminanfragen,

    ein auswahlfeld für den wochtentag/datum und uhrzeit einzublenden?

    ähnlich zb. dieser webseite? http://derzahnarzt.de/service/termine/

    weiterhin, wäre es schön, auch einzelne formularfelder nebeneinander anzuordnen

    und bei allen möglichen feldern auch die länge der felder frei festlegbar wären.

    mir ist das nich ganz gelungen. siehe hier: http://www.kawarizadeh.de/ihr-weg-zu-uns.html

    bisher sehe ich nur die möglichkeit die felder untereinander einzubauen.

    auch in version 14 habe ich nichts gefunden, da haben sich sogar die höhen der felder

    vergrößert, zb. wenn man ein projekt konvertierte...

    ich habe ein wenig geforscht aber derzeit keinen weg gefunden.

    auch wäre eine routenabfrage ähnlich dieser http://derzahnarzt.de/service/termine/

    am ende der webseite ein interessantes feature. (siehe ihr weg zu uns)

    ich würde mich freuen, wenn es erkenntnisse gibt...

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Hallo,

    um ein Datumsfeld einem Formular hinzuzufügen, wählen Sie für das Textfeld einfach den HTML5-Typ "Datum".

    Formularfelder nebeneinander anordnen kann man ab Zeta Producer 14. Für Version 13 und älter wird es also diesbezgl. keine Änderung mehr geben.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • hallo herr seiz,

    danke sehr für die info, da hatte ich etwas übersehen.

    was sich für mich noch nicht erschließt ist, die felder nebeneinander anzuordnen.

    die freie breite einstellen klappt...

    beim html5-typ zeit, gibt es da eine auswahl an der uhr, so ähnlich wie beim datum?

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Welche Version von Zeta Producer und welches Layout nutzen Sie denn? Nebeneinander anordnen geht nur in Version 14: https://www.zeta-producer.com/de/v14.html#a9308

    Bei HTML5-Typen hängt viel von der jeweiligen Unterstützung des Typs im Browser ab. Beim Typ "Datum" helfen wir nach, bei den anderen Typen überlassen wir es dem Browser, was er draus macht.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • hallo herr seiz,

    habe mein projekt konvertiert nach zeta 14.

    layout ist poster responsive

    browser firefox aktuelle version 53.0.3

    ich benutze zwei formulare auf der kontakt seite und auf ihr-weg-zu-uns seite

    derzeitiger projektstand hier: http://www.kawarizadeh.de/ihr-weg-zu-uns.html


    was mir noch aufgefallen ist: bei den optionen kompakt oder modern der felder, läßt sich die

    länge bei kompakt für zb. listenfeld zu textfeld nicht exakt gleichlang einstellen ebenfalls sind die

    ecken beim listenfeld gegenüber textfeld nicht gerundet, dies würde besser zusammenpassen

    abrunden oder nicht für alle felder, zb. als option

    beim listenfeld steht die bezeichnung des listenfeldes und bitte wählen sie auch nicht exakt linksbündig

    ich bekomme mein feld datum und uhrzeit einfach nicht nebeneinander, oder geht das nicht...

    auch habe ich getestet, wenn man nichts ausfüllt und absenden clickt, werden die benötigten felder rot

    gekennzeichnet, daß ist prima so. der hinweis aber oben über dem formular in rot, da stehen alle texte

    linksbündig gequetscht... gerne sende ich ihnen das komprimierte projekt zu...

    geteste habe ich gerade mit firefox und dem ie

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Hallo,

    ja, am besten senden Sie mir das Projekt, wie im folgenden Absatz beschrieben zu, dann sehe ich mir das an und melde mich ab Dienstag wieder.

    1. Öffnen Sie Ihr Projekt in Zeta Producer
    2. Gehen Sie auf das Menü "Extras"
    3. Klicken Sie auf den Button "Optionen"
    4. Klicken Sie auf "Aktionen"
    5. Klicken Sie rechts auf die Aktion "Projekt Senden" damit diese Markiert ist
    6. Klicken Sie unten auf den Button "Ausführen"
    7. Geben Sie im 1. Feld Ihre E-Mail-Adresse ein, damit wir Sie für Rückfragen kontaktieren können
    8. Geben Sie als Referenz ins Feld Bemerkungen den Link zu diesem Forum-Artikel ein (per Kopieren und Einfügen)
    9. Klicken Sie auf den Button "Senden"

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    Projekt kam an. Ich konnte es aber nicht gleich zuordnen, weil Sie die in der Beschreibung extra "fett" markierte Zeile nicht beachtet haben ;) In Zukunft bitte beachten, das macht den Ablauf für uns wesentlich leichter.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • asche über mein haupt, ich habe nur die artikel bezeichnung eingegeben...

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Hallo,

    das Sie jetzt die Funktion mit dem "Umbruch" entdeckt haben, scheint ja das meiste gelöst zu sein. Meiner Meinung nach verbleiben also nur noch 2 Probleme:

    1. Beim Absenden eines Leeren Formulars erscheint der Warntext auf rotem Grund ohne Rand (padding) um den Text
    2. Listenfelder haben keine runden ecken (border-radius)

    Sehe ich das soweit richtig?

    Wenn ja, bietet folgendes CSS einen aktuellen Workaround (bis wir das Layout entsprechend aktualisiert haben):

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    div.formvalidateerror{
    margin-left: 15px;
    margin-right: 15px;
    }
    
    form.zp-form.zp-editable select{
    border-radius: 3px;
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • hallo herr seiz,

    danke für ihre nachricht.

    noch nicht ganz, es fehlt noch was.

    3. im modus kompakt lassen sich die felder nicht exakt gleichlang einstellen

    zb. listenfeld und textfeld wenn untereinander mit umbruch angeordnet

    4. beim listenfeld steht die bezeichnung des listenfeldes und bitte wählen: auch nicht exakt linksbündig untereinander,

    entsprechend auch die spätere auswahl

    ich kann derzeit gut damit leben und warte gerne bis das layout angepaßt wurde...

    ansonsten danke für das css!!!

    danke für ihre mühe und prompte reaktion

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Kann ich so eine Darstellung im zugesandten Projekt auch auf irgend einer Seite sehen?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • nein, das muss umgestell werden

    ich sende es ihnen als kopie neu zu

    da sind die ecken auch gerundet, aber der rand hat eine andere farbe wie zb die textfelder

    ihr-weg-zu-uns seite

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Zu 3: Verstanden und nachvollzogen. Wird im Laufe der nächsten Woche behoben.

    Zu 4: "Bitte Wählen" steht ja im Listenfeld selbst, das oft auch einen Rahmen hat, daher muss dieser Text ja etwas eingerückt und daher nicht bündig mit der Feldbezeichnung (z.B. "Sind Sie Erstpatient?") sein. Oder verstehe ich das falsch?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Sie müssen keine Kopie senden. Ich denke, das kann ich wie im vorigen Post beschrieben nachstellen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • im modus kompakt ist das so okay und richtig umgesetzt, wie auf ihrem bild zu sehen

    der rahmen und der text lehnen sich linksbündig an, wobei es da auch grafisch gesehen ander meinungen geben kann

    im modus modern hingegen steht bitte wählen: etwas zu weit rechts,

    dort solten die beiden texte feldbezeichnung und bitte wählen: linksbündig untereinander stehen

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Ah, ok, ich dachte Sie bezogen das mit den Listenfeldern auch auf den Modus "kompakt". Zeigt sich mal wieder, wie schnell man aneinander vorbei redet, wenn wichtige Details nicht beschrieben werden.

    Das scheint mir aber wieder einmal nur bei IE so zu sein, weil der das padding in Select-Feldern irgendwie anders rechnet. In Chrome oder Safari sind die Texte bereits jetzt Linksbündig untereinander.

    Ich kümmere mich drum, dass auch dies behoben wird, sofern ohne besondere Handstände für IE möglich.

    Vielen Dank für die Hinweise!

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • ich stellte das in firefox und im ie fest

    konnten sie das mit der unterschiedlichen länge im modus kompakt feststellen?

    Beste Grüße aus Mainz

    Steffen, Onair Records

  • Ja, die unterschiedlichen Längen von Text und Listenfeldern im Kompakt-Modus konnte ich reproduzieren und werde das beheben. Das mit den Listenfeldern und nicht bünndigen Labels im Modern-Modus werde ich dann noch in anderen Browsern testen und auch versuchen zu beheben.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    Formularfelder nebeneinander anordnen kann man ab Zeta Producer 14. Für Version 13 und älter wird es also diesbezgl. keine Änderung mehr geben.

    Hallo,

    wie kann ich denn die Felder nebeneinander anordnen?
    In der online Hilfe habe ich dazu nichts finden können.

    ZP15 Business - Flat-Responsive

  • Hat sich schon erledigt!
    Hab es selber raus gefunden. Aber ein kleiner Hinweis in der Hilfe würde trotzdem nicht schaden. :)

    ZP15 Business - Flat-Responsive

  • Kurz noch die Erläuterung zum Anbringen von zwei Feldern nebeneinander:

    1. gewünschte Formularfelder anlegen, Formular speichern

    2. Im Formular auf das erste Feld gehen und bei "Umbruch" das Häkchen entfernen

    3. Das Ende des Formularfeldes "anfassen" und über das Grid-System auf die gewünschte Breite nach links verschieben.

    4. Das Ende des darunter liegenden Formularfeldes anfassen und ebenfalls nach links verschieben. Sobald das Feld so kurz ist, dass es hinter das darüberliegende Feld passt, springt es automatisch in die erste Zeile.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!