Joomla 5 Notice

We are pleased to announce that as of January 29, 2024, all of our Joomla extensions are compatible with Joomla 5.

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

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

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.

Datumsfeld im Accordionformular

More
1 year 2 months ago #8804 by remanso01
Datumsfeld im Accordionformular was created by 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

More
1 year 2 months ago #8810 by Administrator IV
Replied by Administrator IV on topic 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 :-).

More
1 year 2 months ago #8813 by remanso01
Replied by remanso01 on topic 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


 

More
1 year 2 months ago - 1 year 2 months ago #8820 by Administrator IV
Replied by Administrator IV on topic 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 :-).
Last edit: 1 year 2 months ago by Administrator IV.

More
1 year 2 months ago #8823 by remanso01
Replied by remanso01 on topic 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

More
1 year 2 months ago #8843 by Administrator IV
Replied by Administrator IV on topic 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 :-).

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum