Formular Generator für Mobirise

[Tommy Herrmann]

Moin,

das sieht alles jetzt richtig aus - auch die Transparenz-Einstellungen für die Formularfelder.

Das mit dem Text vor und nach dem Link der Datenschutzerklärung ist gewöhnungsbedürftig aber möglich. Die Benutzer werden das sicherlich mal nachfragen. Eigentlich ist das Wort "Datenschutzerklärung" schon fast zu lang und schiebt alles andere in der E-Mail nach rechts. Bei mir steht da jetzt nur: "Den Datenschutz akzeptiert", sonst sieht die E-Mail unschön aus.

Ein kleiner CSS Fehler hat sich erneut eingeschummelt, den ich bereits korrigiert hatte. Bei der dunklen Version vom hCaptcha wird rechts die Border abgeschnitten.

Das solltest Du noch in der CSS oben im HTML ändern und echt schön wäre, wenn Du Deiner Claude Tante mal sagst, sie soll HTML-Code korrekt einrücken. Wieder ist die CSS und das JavaScript nicht eingerückt.

Ich habe das bei mir bereits angepasst und korrigiert:

https://www.mobirise-tutorials.com/VN-B ... intergrund

Ändere in der CSS diesen Eintrag:

Code: Alles auswählen

.vn-formrender .vnfr-hcaptcha-wrap { width: 100%; max-width: 100%; overflow: visible; }

in diese CSS:

Code: Alles auswählen

.vn-formrender .vnfr-hcaptcha-wrap { width: 100%; max-width: 100%; padding-right: 3px; box-sizing: border-box; overflow: visible; }

[Volker]

Claude:

Identifizierte CSS-Fix und erwog automatisierte Formatierungslösungen
Identifizierte CSS-Fix und erwog automatisierte Formatierungslösungen
Klar, beides mach ich. Erst der CSS-Fix von Tommy:


Erwog automatisierte Formatierungswerkzeuge statt manueller Einrückung
Erwog automatisierte Formatierungswerkzeuge statt manueller Einrückung
Jetzt zur Einrückung – dafür brauch ich ein richtiges Formatier-Werkzeug, sonst mach ich das von Hand doch wieder inkonsistent:


Formatier-Tools prüfen/installieren
Formatier-Tools prüfen/installieren
js-beautify installiert. Jetzt CSS und JavaScript im Basis-Template sauber formatieren:


Validierte JavaScript-Syntax und formatierte CSS sowie HTML-Struktur
Validierte JavaScript-Syntax und formatierte CSS sowie HTML-Struktur
Sieht gut aus. Syntax nach der Formatierung gegenprüfen:


Syntax nach Formatierung prüfen
Syntax nach Formatierung prüfen
Syntax weiterhin gültig. Jetzt alles wieder zusammenbauen:


Formatiertes CSS/JS wieder ins Template einsetzen
Formatiertes CSS/JS wieder ins Template einsetzen
Syntax final prüfen:


Verifizierend prüfen, ob Script nach Formatierungsänderungen funktioniert
Verifizierend prüfen, ob Script nach Formatierungsänderungen funktioniert
Jetzt prüfen, ob mein Generator-Skript mit der neuen Formatierung noch klarkommt (nutzt exakte Text-Treffer):


Verifizierte Build-Erfolg und plante abschließende Qualitätsprüfungen
Verifizierte Build-Erfolg und plante abschließende Qualitätsprüfungen
Lief sauber durch. Syntax aller fünf final prüfen:


Alle fünf prüfen
Alle fünf prüfen
Kurzer visueller Blick auf das Ergebnis, bevor ich packe:


Formatierung stichprobenartig ansehen
Formatierung stichprobenartig ansehen
Sauber lesbar, mit dem Fix drin. Final zusammenbauen und packen:


Dokumentierte Formatierungsanforderung für zukünftige Sessions
Dokumentierte Formatierungsanforderung für zukünftige Sessions
vn-formrender.mbrext (v61) – beide Punkte erledigt:

1. Tommys CSS-Fix eingebaut – rechter Rand bei dunklem hCaptcha nicht mehr abgeschnitten.

2. Einrückung korrigiert – hab CSS und JavaScript diesmal richtig durch ein Formatier-Tool laufen lassen (nicht mehr von Hand zusammengequetscht), sauber lesbar mit Einzügen, genau wie ihr das wolltet. Betrifft die komplette Datei, nicht nur die geänderte Stelle.

Richte Tommy bitte aus: Danke für den Fix und die Geduld mit der Formatierung – sollte jetzt dauerhaft besser bleiben.

ist gefixt

[Tommy Herrmann]

geht doch

... alles nochmals überprüft und OK

[Tommy Herrmann]

Eine Sache wäre da noch - vielleicht für ein zukünftiges Update - sollte für die KI kein Problem sein.

> Eigentlich müssten alle Felder, die weniger als 100% Breite haben, am Handy auf 100% Breite dargestellt werden, also am Handy sämtliche Felder immer untereinander, sonst werden diese zu Minifeldern, insbesondere wenn man Felder hat, die kleiner als 50% der Breite einnehmen.

[Volker]

ist notiert
bin eh wieder dran ... Wenn Uplad Datei größer als eingestellt, kommt Hinweis Text mit Link z.B. zum vn upload
Und neues Feld Link zu .... egal wo hin

[Volker]

https://www.niederastroth.de/vnhero1/

Codewort = volker

Wenn Datei über 3 MB geht Hinweis auf mit Link

Das klappt soweit schonmal

[Tommy Herrmann]

Manno - Du hast das doch erfunden

[Volker]

Ich wollte mal zeigen das da auch eine Fehlermeldung kommt

[Tommy Herrmann]

Volker,

> vielleicht solltest Du das so machen, dass man optional über einen Schalter die Formularfelder am Handy auf 100% stellen kann (Default "on"), ansonsten bleiben sie wie erstellt. Das ergibt dann noch sehr viel mehr Gestaltungsmöglichkeiten.

[Volker]

Der Schalter ist drin. default on

https://www.niederastroth.de/vntabs/

Da jetzt alles fein ist, gehts an die mehrseitige Version. Formulare über mehrere Seiten

FERTIG

Mehrseitig wird einfach über die Überschrift gesteuert. Jede Überschrift eigene Seite. Pflichfelder müssen auf der Seite ausgefüllt werden, sonst gehts nicht weiter. Man kann auch zurück oder wieder vor.

Kann also gerne getestet werden

Jetzt sieht man auch den deutlichen Unterschied zu den Standard Formularen

Hier über 3 Seiten. ( unbegrenzt Seiten möglich) https://www.niederastroth.de/vntabs/

Eine absolute Top Profi Anwendung

[Tommy Herrmann]

Ich gucke morgen