vi-solutions
Software + Internet

Joomla 5 Mitteilung

Wir freuen uns mitteilen zu können, dass seit dem 29. Januar 2024 alle unsere Joomla Erweiterungen mit Joomla 5 kompatible sind.

Für alle die gerade noch von Joomla 3 auf 4 aktualisieren: Anleitungen für die Joomla 4 Migration gibt es hier:

Es gibt nun auch eine eigenständige Dokumentation für Visforms für Joomla 4 und für Visforms auf Joomla 5

Forum

Visforms Subscription Inhaber können in unserem Forum Fragen stellen. Bitte mit dem entsprechenden Benutzer anmelden.
Jeder kann lesend auf das Forum zugreifen.

Bitte stellen Sie nur 1 Frage pro Thema.

Wichtig Angaben für fast jede Frage:
V1: Welche Visforms-Version läuft?
V2: Welche Joomla-Version läuft?
V3: Welche PHP-Version läuft?

Aufgrund von Feiertagen und Urlaub ist bei Anfragen im Forum in der Zeit vom 20. Dezember 2024 bis zum 8.Januar 2025 mit verlängerten Antwortzeiten zu rechnen.

Datumsfeld im Accordionformular

Mehr
1 Jahr 11 Monate her #8804 von remanso01
Datumsfeld im Accordionformular wurde erstellt von remanso01
Hallo,
ich habe ein Accordion Formular erstellt, was soweit auch ganz gut aussieht.
Nur das Datumsfeld wenn man es Aufklappt, verschwindet unter dem Headerlable...

pension-kunterbunt.com/unsere-pension/reservierung.html

Habe nun versucht über Firebook Inspector die classe zu finden, aber er zeigt mir in der Klasse Inline
Element {
  direction: ltr;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.67) 0px 0px 70px 0px;
  min-width: 0px;
  padding: 0px;
  left: auto;
  top: auto;
  z-index: 1060;
  border-radius: 20px;
  margin-top: -418.717px;
}

Im Bereich HTML
<div class="calendar-container"
style="direction: ltr; position: absolute; box-shadow: rgba(0, 0, 0, 0.67) 0px 0px 70px 0px; min-width: 0px; padding: 0px; left: auto; top: auto; z-index: 1060; border-radius: 20px; margin-top: -418.717px;"
</div>

Meine versuchte Änderung im cutom.css
.js-calendar .open .datum-an-ar {
  direction: ltr;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.67) 0px 0px 70px 0px;
  min-width: 0px;
  padding: 0px;
  left: auto;
  top: auto;
  z-index: 1060;
  border-radius: 20px;
  margin-top: 0.25em;
}

Oder weis jemand wie ich den Calender unter dem Eingabefeld bekommen kann?

Viele Grüße
Dirk

Mehr
1 Jahr 11 Monate her #8810 von Administrator IV
Administrator IV antwortete auf Datumsfeld im Accordionformular
Hallo Dirk,
ich gehe davon aus, dass du die beiden Datumsfelder unter der Gruppe 'Auswahl Ihrer Unterkunft' meinst.
Ein anderes Datumsfeld kann ich nirgends entdecken.

In meinem Firefox sieht aber alles ordentlich aus.
Ein Verschwinden unter dem Header-Label kann ich nicht sehen.

Welches Datums-Feld meinst du?
Was ist ein 'Header-Label'?
Kannst du einen Screenshot zeigen?

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

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).

Mehr
1 Jahr 11 Monate her #8813 von remanso01
remanso01 antwortete auf Datumsfeld im Accordionformular
Hallo,

habe es nun unter fast alle gängigen Browsern versucht bzw, mir angesehen.
Auch bei den Laptops, bei allen das selbe aussehen. Auch wenn ich in Joomla, in de Browsern die Cachs lösche.

Viele Grüße und Danke
Dirk

[img


 

Mehr
1 Jahr 11 Monate her - 1 Jahr 11 Monate her #8820 von Administrator IV
Administrator IV antwortete auf Datumsfeld im Accordionformular
Hallo Dirk,

Es handelt sich sehr wahrscheinlich um einen Fehler beim Control selbst (Joomla Standard Control) und Visforms hat nicht ursächlich damit zu tun.

Die Ursache ist 'margin-top':
Code:
Element {   margin-top: -418.717px; }

Es müsste entweder ganz fehlen oder immer lauten:
Code:
Element {   margin-top: 0px; }

Es tritt bei mir nicht immer auf, aber fast immer.
Durch die involvierten JavaScript-Bibliotheken (die von Joomla und/oder deinem Template) wird unter ganz bestimmten Bedingungen der Wert 'margin-top' dynamisch direkt im div-Element gesetzt:
pension-kunterbunt.com/media/system/js/fields/calendar.min.js (Joomla)

Ein kleiner Fix mit JavaScript könnte aber durchaus möglich sein.
Ein Akeeba-Backup ist zur Behebung für mich notwendig:
extensions.joomla.org/extension/akeeba-backup/

Mit CSS kommt man da gar nicht weiter.
Denn die höchste Priorität haben die Angaben, die direkt im style-Attribut des HTML-Elements stehen.
Und das ist ja hier der Fall.

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

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).
Letzte Änderung: 1 Jahr 11 Monate her von Administrator IV.

Mehr
1 Jahr 11 Monate her #8823 von remanso01
remanso01 antwortete auf Datumsfeld im Accordionformular
Hallo,

wie ich bereits im vorherrigen Post "Berechnete Felder" geschrieben habe, habe ich ein Backup gesendet...

vi-solutions.de/de/support/forum/19-joom...nete-felder?start=12

Viele Grüße
Dirk

Mehr
1 Jahr 11 Monate her #8843 von Administrator IV
Administrator IV antwortete auf Datumsfeld im Accordionformular
Hallo Dirk,

ich konnte das Verhalten nachvollziehen.

Es liegt wie vermutet nicht an Visforms, sondern an den anderen beteiligten Bibliotheken, insbesondere von Joomla.
Ich habe aber einen Fix entwickelt, der bei mir auf dem Joomla aus deinem Akeeba-Backup das Problem komplett beseitigen konnte.
Er funktioniert so wie er ist ohne weitere Anpassungen, für alle Visforms-Felder vom Typ 'Datum'.

Füge folgenden Code:
Code:
?><script>     jQuery(document).ready(function() {         jQuery("div.field-calendar button[id^='field'][id$='_btn']").on('click', function() {             jQuery('div.js-calendar.open').css('margin-top', '0px');         });     }); </script><?php
an das Ende deiner bereits existierenden Visforms-Overwrites include-Datei 'custom.php' an:
Code:
templates/cassiopeia/html/com_visforms/visforms/custom.php

Ich habe mich für diese Weise entschieden, damit der Code möglichst modular bleibt und du nur  neue Dinge direkt an das Ende anfügen musst.

Danach sollte die Datei 'custom.php' wie folgt aussehen:
Code:
<script>     jQuery(document).ready(function() {         jQuery('.bind-nights').on('change', function(){             let value = jQuery(this).val();             jQuery(this).val(value + ' Tag(e)');         });         jQuery('.bind-price').on('change', function(){             let value = jQuery(this).val();             jQuery(this).val(numberWithCommas(value) + ' Guaranì');         });     });     function numberWithCommas(x) {         return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");     } </script><?php ?><script>     jQuery(document).ready(function() {         jQuery("div.field-calendar button[id^='field'][id$='_btn']").on('click', function() {             jQuery('div.js-calendar.open').css('margin-top', '0px');         });     }); </script><?php
Liebe Grüße, Ingmar
:idea: I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-).

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).

Moderatoren: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Erweiterungen

Nützliche Erweiterung, die Visforms ergänzen und mit denen Sie Ihre Formulare nicht nur mit wenig Aufwand perfekt in die Funktionalität Ihrer Webseite integrieren können sondern die Visforms auch ganz neue Anwendungsbereiche erschließen können.

Info