Formbuilder "Auswahlfeld"

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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ß
Dateianhänge
screen2.jpg
screen2.jpg (11.54 KiB) 1613 mal betrachtet
screen1.jpg
screen1.jpg (11.38 KiB) 1613 mal betrachtet
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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


Auswahl i, Form Builder.JPG


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
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

... es scheint am Theme zu liegen. Beim z.B. Claim M4 funktioniert es??
Das hilft mir aber nichts ... :crying:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von Tommy Herrmann »

Das wird ja immer schlimmer :eek:

Ich schreibe das mal gleich noch im Hersteller-Forum dazu :aufsmaul:
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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 &amp;&amp; bg.type !== 'color'">
        <input type="range" inline="" title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.4" condition="overlay &amp;&amp; bg.type !== 'color'">
    <input type="hidden" name="usedRecaptcha" value="false"></mbr-parameters>
    <div class="mbr-overlay" mbr-if="(overlay &amp;&amp; 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>
Dateianhänge
m4_3.jpg
m4_2.jpg
m4_1.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von Tommy Herrmann »

hmm - ändere mal die Texte von:

Select
Second
Third

... in meinetwegen:

Feld1
Feld2
Feld3
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

... keine Veränderung! :crying:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von Tommy Herrmann »

... ich habe es gemeldet. Ich müsste es auch mal selbst testen - vielleicht morgen.

Der Quelltext sieht aber eigentlich richtig aus :confused:

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.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

... auch schon getestet! Das gleiche Problem!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

... das wäre super!
Danke dir schon mal.
Gruß
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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:


Form-Builder in ConferenceM4.JPG


Leeres Anfangs-Feld:


Empty-Field.JPG


Felder dennoch nach Klick vorhanden:


Items.JPG


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":


Radio-Buttons.JPG


Im Moment bestätigt der Support noch nicht einmal irgendwelche Meldungen von gefundenen Bugs.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

... schade!
So kann ich das nicht verwenden!
Trotzdem vielen Dank für deine Hilfe!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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:


FormBuilder.JPG
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

Das hilft mir was! Super das du noch eine Lösung gefunden hast!
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag 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:

Code: Alles auswählen

.jq-selectbox__select-text {
  padding-left: 0.5rem;
}
... und diese Class zusätzlich unten im "CSS Editor" von diesem Formular-Block eingetragen:


CSS-Editor.JPG


So sieht das dann aus:


padding-Auswahl.JPG



... und so mit geöffneter Auswahl:



Auswahl Offen.JPG
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Formbuilder "Auswahlfeld"

Ungelesener Beitrag von inno »

Funtioniert!! :tu:
Wie kann ich das mit der Höhe machen, bei mir klebt die Zeile unten fast auf der Linie?
Dateianhänge
screen3.jpg
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 32 Gäste