Formulargestaltung

Hallo zusammen,

ich nutze Visforms Subscription und habe ein Anmeldeformular erstellt
[url] www.bildungsinstitut-neuss.de/seminare-u...ine-seminaranmeldung [/url]

Ich möchte gerne die Schriftfarbe der Feld-Bezeichnungen ändern und die Feld-Bezeichnungen (also z.B. Veranstaltungstitel) und den Hinweis Pflichtfeld etwas nach rechts einrücken. Ich nutze Joomla 3.10.6. Wie kann das Layout verändert werden? Welche Template-Datei müsste ich wie anpassen? Ich kenne mich mit CSS nicht gut aus...

Vielen Dank und viele Grüße
Sandra

Hallo Sandra,

danke für den Link.
Soweit ich das sehe, basiert dein Template auf dem Bootstrap 5 Framework.

Du könntest deshalb wahrscheinlich auf Anhieb ein wesentlich ansprechenderes Layout deines Formulars erzielen, wenn du einfach in der Formularkonfiguration ein anderes UI-Framework auswählst und eine CSS Klasse für das Formular vergibst.

Die Formularkonfiguration öffnen.
Auf den Reiter 'Erweitert' gehen.
Dort die Überschrift 'Layout' suchen.
In der Option 'CSS Klasse' den Wert 'container' eintragen.
Die Option "UI-Framework" auf 'Bootstrap 5' umstellen.
Speichern.

Seite mit Formular im Frontend neu laden (evt. mit Str. + Umschlt * R auch ein neu Laden gecachter Scripte erzwingen).
Das Formular soltel nun nur noch die 'normale' Inhaltsbreite einnehmen und automatisch mehr Formatierungen aus deinem Template übernehmen.

Falls dann noch etwas angepasst werden muss,melde dich bitte noch einmal.

Gruß,
Aicha
 

Hallo Aicha,

vielen Dank für die Infos. Nun sieht das Formular schon viel besser aus Allerdings konnte ich nur Bootstap 4 auswählen. Es scheint aber auch so geklappt zu haben. Das Template wurde vor einigen Jahren von einer Agentur gebaut. Wo kann ich sehen, auf welchem Bootstrap Framework das Template basiert?

Zum Formular habe ich noch zwei drei Fragen. Hier erstmal der Link:
[url] www.bildungsinstitut-neuss.de/seminare-u...ine-seminaranmeldung [/url]

1. Ich möchte gerne die Schriftfarbe der Überschriften, also z.B. Veranstaltungstitel, grau anpassen. Wäre das möglich und wenn ja, wie?
2. Zwischen dem Auswahlkästchen und dem Hinweis "Mitarbeitende/r des Rheinland Klinikums Neuss" möchte ich gerne etwas Platz haben. Wie kann ich das umsetzen?
3. Wie kann ich den farbigen Rahmen um den Submit-Button entfernen?
4. Kann der Sumit-Button mittig angeordnet werden?

Vielen Dank für deine Hilfe und viele Grüße
Sandra

Hallo Sandra,

ich hatte übersehen, dass du noch auf Joomla 3 bist.
Dort gibt es tatsächlich kein Bootstrap 5.
Und wenn das Template schon älter ist, dann handelt es sich vermutlich um ein Bootstrap 3 Template.

Also bitte teste noch mal, ob sich das Layout noch mal verbessert, wenn du im Formular als UI-Framework Bootstrap 3 wählst.

Du kannst dem Formular sehr einfach eigenes CSS hinzufügen.
Eine grundsätzliche Anleitung hierzu findest du in der Dokumentation: www.vi-solutions.de/de/support/dokumenta...out-mit-css-anpassen

Meines Erachtens sind die Punkt, die du ansprichst recht einfach umsetzbar.
Gerne kann ich dich dabei unterstützen oder dir den individuellen CSS Code liefern, wenn du selbst keine großen CSS Kenntnisse hast, oder wenn es schnell gehen soll.
Bitte habe Verständnis dafür, dass wir den Aufwand für diese individuelle Leistung berechnen müssen.

Evtl. könnte ich dir in diesem Zusammenhang auch einige grundsätzliche Tips zur Visforms und Joomla Konfiguration geben.
(Auf deiner Webseite wird z.B. das Laden von Ressourcen blockiert, weil diese nicht per https angefordert werden).
Bereits eine Stunde punktgenauer Hilfe durch einen erfahrenen Visforms/Joomla Software-Entwickler (!) kann sich mehr als nur auszahlen!

Herzliche Grüße,
Aicha

Hallo Aicha,

die Umstellung auf Bootsrap 3 hat bei dem Rahmen schon geholfen Da einige Seite nur als http geladen werden, habe ich schon gesehen, bin da aber noch nicht weitergekommen, Ein Input von deiner Seite wäre toll. Wie kann ich dich kontaktieren, damit wir über die Konditionen sprechen können?

Viele Grüße
Sandra

Hallo Sandra,

freut mich, dass das Bootstrap 3 noch mehr geholfen hat!

Schick mir eine Mail an contact@vi-solutions.de

Herzliche Grüße,
Aicha