Fehler in der ZP Version 11.1. bei Formularerstellungen

    Hallo in die Runde,
    in der Version 11.1. ist laut Info unter "Aktuelles" auf der ZP Homepage bei der Formularerstellung etwas geändert worden. ["Erweiterte Formular-Möglichkeiten"].
    Leider hat sich dabei scheinbar ein Fehler eingeschlichen.
    Bislang wurde im Formular auf der fertigen Webseite die Feldschreibung links vor das Eingabefeld geschrieben. Seit der Version 11.1. wird der Feldname über das Eingabefeld geschrieben. [Warum weiss ich nicht.]
    Leider wird bei der Darstellung im Firefox die Feldbezeichnung innerhalb des Eingabefeldes angezeigt. Wenn der Benutzer dann etwas eingibt, verschwindet die Feldbezeichnung und er kann nicht mehr erkennen, was eigentlich in das Feld eingetragen werden sollte. Dieses Problem tritt zum Beispiel im Internet Explorer so nicht auf.
    Beispiel: http://www.bewusstesatmen.de/kontakt.html

    Zudem wird in dem Beispiel oben vor der Anzeige des ersten Feldes eine Einrückung nach rechts erstellt (Firefox), für die ich keine Ursache erkennen kann.

    Ich bitte um eine baldige Lösung, da für mich Kontaktformulare zentraler Bestandteil einer Kommunikation mit dem Besucher darstellen.

    Freundliche Grüße
    Herbert
    P.S. Ich persönlich fand die Anzeige der Feldbeschreibung links vor dem Eingabefeld schöner. Warum wurde das geändert?

    Freundliche Grüße aus Düsseldorf

    Herbert

    Hallo Herbert,

    da am besten mal bis zum 07.01.2013 warten, bis die Leute von Zeta-Software wieder hier sind.

    Gruß
    Jochen

    Gruß
    Jochen

    Hallo Herbert,

    die Formulare in ZP nutzen seit dem Update 11.1 moderne HTML5 Input-Types. In modernen Browsern werden die Bezeichnungen der Felder hier inline angezeigt. Wenn dies nicht unterstützt wird, stehen die Bezeichnungen über den Feldern. Auf der von Dir genannten Seite fehlen allerdings die neuen Style-Definitionen für die Formulare. Ich vermute daher, dass Du eine Kopie eines Layouts verwendest und hier manuelle Eingriffe getätigt hast. Aus dem Quellcode der Seite lässt sich das so auch erkennen. Du musst hier also die styles.css selber mit folgenden Einträgen erweitern:


    /***** FORM GLOBAL *****/
    #formular .asfield{display: none;}
    #formular input[type="text"], #formular textarea, #formular select{
    font-size: inherit;
    background: #ffffff;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(0, 0, 0, 0.2);
    }
    #formular label {
    padding: 3px 10px 3px 0;
    }
    #formular label.field{
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0;
    }
    #formular input[type="submit"]{
    display: block;
    margin-top: 20px;
    }

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden