vi-solutions
Software + Internet

Joomla 5 Notice

We are pleased to announce that as of October 14, 2025, all of our Joomla extensions are compatible with Joomla 6.

For all who are still updateing from Joomla 3 to Joomla 4: Joomla 4 Migration instructions are available here:

There is a separate Documentation for Visforms for Joomla 4 and for Visforms for Joomla 5 and 6!

Forum

Visforms Subscription user can ask questions in our forum. Please log in with the relevant user first.
Everybody can access the forum for reading.

Please only ask 1 question per topic.

Important information for almost every question:
V1: Which Visforms version is running?
V2: Which Joomla version is running?
V3: Which PHP version is running?

Layout bei Formular in Artikel

  • Judo Club Schaffhausen
  • Topic Author
  • Offline
More
1 year 7 months ago #10180 by Judo Club Schaffhausen
Layout bei Formular in Artikel was created by Judo Club Schaffhausen
Ich möchte ein Kontaktformular in einem Beitrag integrieren. Dazu habe ich folgenden Code ergänzt:
Code:
{vfformview}{"formid":"4", "show_page_heading":"false", "pageclass_sfx":"bt5 visform"}{/vfformview}

Rufe ich den Beitrag nun ab, ist das Kontaktformular sehr speziell formatiert: judo-club-schaffhausen.ch/207-generalversammlung-2024
Bei reinen Kontaktformularen ist das Layout deutlich angenehmer, wie z.B. hier: judo-club-schaffhausen.ch/kontakt

Was muss ich anpassen, dass auch im ersten Fall die Formatierung normaler wirkt?

More
1 year 7 months ago #10189 by Administrator IV
Replied by Administrator IV on topic Layout bei Formular in Artikel
Hallo Schaffhausen,

der HTML-Code enthält ein zusätzliches, das Formular umschließende <code> HTML-Element.
Dieses <code> HTML-Element kommt nicht durch Visforms.
Code:
<div class="visforms visforms-form visforms-form-form plg-vfformview bt5 visform">     <code>         <div class="alert alert-danger error-note" style="display: none;"></div>         <script type="text/javascript"> ... </script>         <form ...>         </form>     </code> </div>


Das <code> HTML-Element bringt folgendes Bootstrap CSS zur Anwendung und setzt dabei Font-Größe und Font-Farbe (Rot) für alles:
Code:
code {   font-size: .875em;   color: var(--bs-code-color);   word-wrap: break-word; }

Das <code> HTML-Element ist sehr wahrscheinlich beim Copy&Paste entstanden:
Wenn aus der Dokumentation der Plugin String kopiert, und dabei das code Tag aus der Dokumentation mit kopiert wird.

Lösung:
Entferne im Artikel das <code> HTML-Element, welches den Plugin-String umschließt.

Noch etwas zu "pageclass_sfx":"bt5 visform":
Das Setzen der CSS-Klasse im Plugin-String ist unnötig, da es sich nicht um eine individuelle Formatierung handelt.
Bootstrap 5 ist bereits in der Formular-Konfiguration festgelegt und muss nicht ein zweites Mal im Plugin-String gesetzt werden.
In den Plugin-String gehören alle speziellen, darunter insbesondere eigene CSS-Klassen rein.

Liebe Grüße, Ingmar
:idea: I recommend you the new and up-to-date documentation for Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 4.
Please only ask 1 question per topic :-).

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 4.
Bitte immer nur 1 Frage pro Thema stellen :-).
The following user(s) said Thank You: Judo Club Schaffhausen

Moderators: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Extensions

Useful extensions for Visforms which enable you to integrate your forms perfectly into your website and to perform special tasks which turn Visforms into much more than just a form generator.

Info