Formbuilder "Auswahlfeld"
Formbuilder "Auswahlfeld"
Hallo Tommy,
ich baue gerade ein Formular über den Form-Builder.
Beim Auswahlfeld "Select" habe ca. 5 Punkte zum Auswählen eingetragen.
Leider sieht man erst nur ein weißes Feld ohne Inhalt.
Der Pfeil nach unten kommt erst beim MouseOver und die Auswahlmöglichkeiten werden erst angezeigt, wenn man auf den Pfeil klickt.
Kann man das ändern, das erst "Bitte auswählen" im Feld steht und der Pfeil gleich angezeigt wird.
Gruß
ich baue gerade ein Formular über den Form-Builder.
Beim Auswahlfeld "Select" habe ca. 5 Punkte zum Auswählen eingetragen.
Leider sieht man erst nur ein weißes Feld ohne Inhalt.
Der Pfeil nach unten kommt erst beim MouseOver und die Auswahlmöglichkeiten werden erst angezeigt, wenn man auf den Pfeil klickt.
Kann man das ändern, das erst "Bitte auswählen" im Feld steht und der Pfeil gleich angezeigt wird.
Gruß
- Dateianhänge
-
- screen2.jpg (11.54 KiB) 1763 mal betrachtet
-
- screen1.jpg (11.38 KiB) 1763 mal betrachtet
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Moin,
ich habe das Formular (das zweite von oben) mal hier eben auf einer Testseite eingebaut:
https://www.mobirise-tutorials.com/Test ... mular.html
Das ist eben ganz schlecht gemacht.
Du könntest in das erste Feld so etwas schreiben wie "Auswahl treffen", wird aber keine andere Auswahl getroffen bleibt das so und wird auch so übermittelt. Das ist einfach falsch programmiert.
Auch der kleine Pfeil nach unten ▼ ist dort bei mir im Thema "Mobirise 5" nicht zu sehen - aber das mit (ohne) den Pfeil ist schon bekannt und wird behoben.
Ich habe das eben auch gleich mal in das Hersteller-Forum geschrieben:
https://forums.mobirise.com/discussion/ ... irise-5/p1
Dir muss auch bei allen Mobirise-Formularen klar sein, dass die über den Mail-Server von "Formoid" gesendet werden und erst dort als e-Mail verarbeitet werden. Man weiß also gar nicht, ob da vielleicht jemand
Insgesamt würde ich Dir von Anfang an zu einem eigenen Formular raten. Hier habe ich 2 Beispiele mit Anleitungen.
1) zum "Formular Generator" von unserem "Werner-Zenk.de" (mehrere Beispiele):
https://www.mobirise-tutorials.com/Formular/kontakt.php
2) zum "Formular Generator" von "Arclab" (eventuell kostenpflichtig - eigene EXE Anwendung) (mehrere Beispiele):
https://www.mobirise-tutorials.com/Form ... rclab.html
ich habe das Formular (das zweite von oben) mal hier eben auf einer Testseite eingebaut:
https://www.mobirise-tutorials.com/Test ... mular.html
Das ist eben ganz schlecht gemacht.
Du könntest in das erste Feld so etwas schreiben wie "Auswahl treffen", wird aber keine andere Auswahl getroffen bleibt das so und wird auch so übermittelt. Das ist einfach falsch programmiert.
Auch der kleine Pfeil nach unten ▼ ist dort bei mir im Thema "Mobirise 5" nicht zu sehen - aber das mit (ohne) den Pfeil ist schon bekannt und wird behoben.
Ich habe das eben auch gleich mal in das Hersteller-Forum geschrieben:
https://forums.mobirise.com/discussion/ ... irise-5/p1
Dir muss auch bei allen Mobirise-Formularen klar sein, dass die über den Mail-Server von "Formoid" gesendet werden und erst dort als e-Mail verarbeitet werden. Man weiß also gar nicht, ob da vielleicht jemand
mitlesenkönnte
Insgesamt würde ich Dir von Anfang an zu einem eigenen Formular raten. Hier habe ich 2 Beispiele mit Anleitungen.
1) zum "Formular Generator" von unserem "Werner-Zenk.de" (mehrere Beispiele):
https://www.mobirise-tutorials.com/Formular/kontakt.php
2) zum "Formular Generator" von "Arclab" (eventuell kostenpflichtig - eigene EXE Anwendung) (mehrere Beispiele):
https://www.mobirise-tutorials.com/Form ... rclab.html
Re: Formbuilder "Auswahlfeld"
Das Formular wird über ein eigenes Script verschickt!
Ich habe das Problem, dass der erste Auswahlpunkt nicht angezeigt wird. Erst wenn ich auf den Pfeil klicke.
Ich arbeite mit dem Theme "Conference".
Hast du hier vielleicht noch eine Lösung für mich?
Ich habe das Problem, dass der erste Auswahlpunkt nicht angezeigt wird. Erst wenn ich auf den Pfeil klicke.
Ich arbeite mit dem Theme "Conference".
Hast du hier vielleicht noch eine Lösung für mich?
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Das hat eigentlich nicht mit dem Thema zu tun, denn der "Form Builder" ist ja eine eigenständige Erweiterung.
In meinem Screenshot siehst Du ja wie ich es gemacht habe - der oberste Punkt "Auswahl treffen" ist auch sogleich zu sehen. Verwende dort keine Sonderzeichen oder Umlaute.
Erstelle mal einen Screenshot - besser gib einen Link, damit man in den Quelltext gucken kann.
In meinem Screenshot siehst Du ja wie ich es gemacht habe - der oberste Punkt "Auswahl treffen" ist auch sogleich zu sehen. Verwende dort keine Sonderzeichen oder Umlaute.
Erstelle mal einen Screenshot - besser gib einen Link, damit man in den Quelltext gucken kann.
Re: Formbuilder "Auswahlfeld"
... es scheint am Theme zu liegen. Beim z.B. Claim M4 funktioniert es??
Das hilft mir aber nichts ...
Das hilft mir aber nichts ...
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Das wird ja immer schlimmer
Ich schreibe das mal gleich noch im Hersteller-Forum dazu
Ich schreibe das mal gleich noch im Hersteller-Forum dazu
Re: Formbuilder "Auswahlfeld"
... ja leider!
Hier mal die Screens und der Quelltext.
Kann man das trotzdem lösen?
______________________
Hier mal die Screens und der Quelltext.
Kann man das trotzdem lösen?
______________________
Code: Alles auswählen
<section class="form" group="Form" plugins="formstyler, datepicker">
<mbr-parameters>
<header>Size</header>
<input type="range" inline="" title="Top" name="paddingTop" min="0" max="10" step="1" value="5">
<input type="range" inline="" title="Bottom" name="paddingBottom" min="0" max="10" step="1" value="5">
<header>Style</header>
<input type="checkbox" name="customStyle" title="Custom Style">
<input type="checkbox" name="disableElements" title="Disable Control">
<input type="color" name="fieldColor" title="Field" value="#ffffff" condition="customStyle">
<input type="color" name="fieldHover" title="Field Hover" value="#efefef" condition="customStyle">
<input type="color" name="borderColor" title="Border" value="#cccccc" condition="customStyle">
<input type="color" name="borderHover" title="Border Hover" value="#cccccc" condition="customStyle">
<input type="color" name="formText" title="Text" value="#000000" condition="customStyle">
<input type="color" name="formFocusText" title="Text Focus" value="#232323" condition="customStyle">
<input type="color" name="formPlaceholder" title="Placeholders" value="#c1c1c1" condition="customStyle">
<input type="color" name="formFocusPlaceholder" title="Placeholders Focus" value="#c1c1c1" condition="customStyle">
<header>Background</header>
<fieldset type="background" name="bg">
<input type="image" title="Background Image" value="../assets/background.jpg">
<input type="color" title="Background Color" value="#ffffff" selected="">
</fieldset>
<input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked="">
<input type="color" title="Overlay Color" name="overlayColor" value="#ffffff" condition="overlay && bg.type !== 'color'">
<input type="range" inline="" title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.4" condition="overlay && bg.type !== 'color'">
<input type="hidden" name="usedRecaptcha" value="false"></mbr-parameters>
<div class="mbr-overlay" mbr-if="(overlay && bg.type=='image')"></div>
<div class="container">
<div class="row">
<div mbr-form="" class="col-lg-8 mx-auto mbr-form">
<!--Formbuilder Form-->
<form action="" name="Form Name" method="POST" data-rcpha_sitekey="" data-rcpha_secretkey="" class="mbr-form form-with-styler">
<div class="form-row">
<div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
<div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">Oops...! some problem!</div>
</div>
<div class="dragArea form-row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h4 mbr-theme-style="display-5" class="mbr-fonts-style">Welcome to Form Builder</h4>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<hr>
</div>
<div data-for="name" class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="text" name="name" placeholder="Name" data-form-field="name" mbr-theme-style="display-7" class="form-control" value="">
</div>
<div data-for="email" class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="email" name="email" placeholder="Email" data-form-field="email" mbr-theme-style="display-7" class="form-control" value="">
</div>
<div data-for="select" class="col-lg-12 col-md-12 col-sm-12 form-group">
<select name="select" data-form-field="select" mbr-theme-style="display-7" class="form-control">
<option value="Select">Select</option>
<option value="Second">Second</option>
<option value="Third">Third</option>
</select>
</div>
<div data-for="phone" class="col-lg-12 col-md-12 col-sm-12 form-group">
<input type="tel" name="phone" placeholder="Phone" pattern="*" data-form-field="phone" mbr-theme-style="display-7" class="form-control" value="">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group" data-for="message">
<textarea name="message" placeholder="Message" data-form-field="message" mbr-theme-style="display-7" class="form-control"></textarea>
</div>
<div mbr-buttons="true" mbr-theme-style="display-7" data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd" class="col-auto">
<a data-toolbar="-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd" type="submit" class="btn btn-primary">Submit</a>
</div>
</div>
</form><!--Formbuilder Form-->
</div>
</div>
</div>
</section>
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
hmm - ändere mal die Texte von:
Select
Second
Third
... in meinetwegen:
Feld1
Feld2
Feld3
Select
Second
Third
... in meinetwegen:
Feld1
Feld2
Feld3
Re: Formbuilder "Auswahlfeld"
... keine Veränderung!
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
... ich habe es gemeldet. Ich müsste es auch mal selbst testen - vielleicht morgen.
Der Quelltext sieht aber eigentlich richtig aus
Kannst Du den Block aus dem anderen Thema "Claim M4" mit dem "Form Builder" vielleicht als "User Block" abspeichern und dann dort im Thema ""ConferenceM4" wieder einfügen - vielleicht geht es dann.
Der Quelltext sieht aber eigentlich richtig aus
Kannst Du den Block aus dem anderen Thema "Claim M4" mit dem "Form Builder" vielleicht als "User Block" abspeichern und dann dort im Thema ""ConferenceM4" wieder einfügen - vielleicht geht es dann.
Re: Formbuilder "Auswahlfeld"
... auch schon getestet! Das gleiche Problem!
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Im Moment kann ich nichts tun - ich gucke aber dennoch morgen nochmals.
Ich glaube auch, dass es sehr viel besser wäre, wenn Du ein Formular vom Werner einbauen würdest. Das sieht viel schwieriger aus als es ist. Ich baue so ein Formular mittlerweile in weniger als 10 Minuten ein.
Ich glaube auch, dass es sehr viel besser wäre, wenn Du ein Formular vom Werner einbauen würdest. Das sieht viel schwieriger aus als es ist. Ich baue so ein Formular mittlerweile in weniger als 10 Minuten ein.
Re: Formbuilder "Auswahlfeld"
... das wäre super!
Danke dir schon mal.
Gruß
Danke dir schon mal.
Gruß
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Habe es noch schnell getestet und bestätige dieses Verhalten mit dem Thema "ConferenceM4".
Die Auswahl-Felder sind aber dennoch alle da. Richtig ist das so aber nicht.
Form Builder:
Leeres Anfangs-Feld:
Felder dennoch nach Klick vorhanden:
https://forums.mobirise.com/discussion/ ... ment_93234
Solltest Du den "Form Builder" im Thema "ConferenceM4" tatsächlich verwenden wollen, dann bleibt nur auf ein Update zu warten oder versuche es mit anderen Feldern als so einem Auswahl-Feld.
Vielleicht mit den "Radio-Buttons":
Im Moment bestätigt der Support noch nicht einmal irgendwelche Meldungen von gefundenen Bugs.
Die Auswahl-Felder sind aber dennoch alle da. Richtig ist das so aber nicht.
Form Builder:
Leeres Anfangs-Feld:
Felder dennoch nach Klick vorhanden:
https://forums.mobirise.com/discussion/ ... ment_93234
Solltest Du den "Form Builder" im Thema "ConferenceM4" tatsächlich verwenden wollen, dann bleibt nur auf ein Update zu warten oder versuche es mit anderen Feldern als so einem Auswahl-Feld.
Vielleicht mit den "Radio-Buttons":
Im Moment bestätigt der Support noch nicht einmal irgendwelche Meldungen von gefundenen Bugs.
Re: Formbuilder "Auswahlfeld"
... schade!
So kann ich das nicht verwenden!
Trotzdem vielen Dank für deine Hilfe!
So kann ich das nicht verwenden!
Trotzdem vielen Dank für deine Hilfe!
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
Ich habe gerade nochmals im Thema "ConferenceM4" den Schalter "Custom Style" im Zahnrad-Werkzeug vom "Form Builder" eingeschaltet.
Dann sieht das so aus und das erste Feld bleibt nicht leer:
Dann sieht das so aus und das erste Feld bleibt nicht leer:
Re: Formbuilder "Auswahlfeld"
Das hilft mir was! Super das du noch eine Lösung gefunden hast!
Re: Formbuilder "Auswahlfeld"
... wie kann ich bei der Auswahl, hier das Wort "Select" den gleichen linken Abstand erreichen, wie bei den anderen Feldern? Auch die Ausrichtung in der Höhe sollte gleich sein. Danke dir!
- Tommy Herrmann
- Site Admin
- Beiträge: 5905
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Formbuilder "Auswahlfeld"
da gibt es offensichtlich eine class="jq-selectbox__select-text" in der Datei "jquery.formstyler.js".
Dieser habe ich das gleiche "padding-left" (Innenabstand-links) von 0.5rem (wie bei den Placeholdern) gegeben:
... und diese Class zusätzlich unten im "CSS Editor" von diesem Formular-Block eingetragen:
So sieht das dann aus:
... und so mit geöffneter Auswahl:
Dieser habe ich das gleiche "padding-left" (Innenabstand-links) von 0.5rem (wie bei den Placeholdern) gegeben:
Code: Alles auswählen
.jq-selectbox__select-text {
padding-left: 0.5rem;
}
So sieht das dann aus:
... und so mit geöffneter Auswahl:
Re: Formbuilder "Auswahlfeld"
Funtioniert!!
Wie kann ich das mit der Höhe machen, bei mir klebt die Zeile unten fast auf der Linie?
Wie kann ich das mit der Höhe machen, bei mir klebt die Zeile unten fast auf der Linie?
Wer ist online?
Mitglieder in diesem Forum: Bing [Bot] und 16 Gäste