Seite 1 von 2
Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 14:41
von inno
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ß
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 15:22
von Tommy Herrmann
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
mitlesen
kö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"
Verfasst: Mi 27. Okt 2021, 15:50
von inno
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?
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 15:52
von Tommy Herrmann
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.
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 15:54
von inno
... es scheint am Theme zu liegen. Beim z.B. Claim M4 funktioniert es??
Das hilft mir aber nichts ...
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 15:55
von Tommy Herrmann
Das wird ja immer schlimmer
Ich schreibe das mal gleich noch im Hersteller-Forum dazu
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:00
von inno
... ja leider!
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>
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:03
von Tommy Herrmann
hmm - ändere mal die Texte von:
Select
Second
Third
... in meinetwegen:
Feld1
Feld2
Feld3
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:05
von inno
... keine Veränderung!
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:08
von Tommy Herrmann
... 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.
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:10
von inno
... auch schon getestet! Das gleiche Problem!
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:13
von Tommy Herrmann
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.
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:15
von inno
... das wäre super!
Danke dir schon mal.
Gruß
Re: Formbuilder "Auswahlfeld"
Verfasst: Mi 27. Okt 2021, 16:26
von Tommy Herrmann
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.
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 10:49
von inno
... schade!
So kann ich das nicht verwenden!
Trotzdem vielen Dank für deine Hilfe!
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 11:55
von Tommy Herrmann
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:
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 14:13
von inno
Das hilft mir was! Super das du noch eine Lösung gefunden hast!
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 14:17
von inno
... 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!
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 15:40
von Tommy Herrmann
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:
Re: Formbuilder "Auswahlfeld"
Verfasst: Do 28. Okt 2021, 15:57
von inno
Funtioniert!!
Wie kann ich das mit der Höhe machen, bei mir klebt die Zeile unten fast auf der Linie?