Zeilenumbruch der Optionsschaltflächen im Formular

    Guten Morgen!

    Ich habe vier Auswahlmöglichkeiten in meinem Formular über Optionsschaltflächen, siehe Screenshot.

    Auf dem Smartphone werden diese aufgrund Displaybegrenzung umgebrochen, was ja an sich OK ist. Nicht schön ist jedoch, dass die Schaltfläche und der dazugehörige Text dann nicht in einer Reihe stehen. Gibt es hier eine Möglichkeit, die Schaltfläche und den dazugehörigen Text zu verknüpfen, so dass kein Umbruch erfolgt?


    Zeta Producer 15.4.1 Business mit Layout Campfire Responsive

    Vielen Dank

    Tobias

    Hallo,

    da gibt es die Möglichkeit, die Optionsfelder generell untereinander darzustellen.

    Siehe https://docs.zeta-producer.com/formularfelder…egen.html#a2877

    Alternativ kann das auch via CSS, ab einem bestimmten Breaktpoint passieren.

    Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

    Folgender Code sollte dann funktionieren:

    Code
    <style>
@media (max-width: 667px) {
    .zp-form input[type='radio']+label:after {
        content: "\a";
        white-space: pre;
    }
}
</style>

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

    Hallo Steffen,

    Ich muss gestehen, dass ich in diesem Fall nicht ins Handbuch geschaut habe. Aber dein CSS Code ist noch besser, besten Dank, hat super geklappt.

    Viele Grüße

    Tobias

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden