Datepicker funktioniert nicht, wenn man Formular 2x auf gleicher Seite einblendet

[m-werk]

Hallo Leute, ich hab ein Formular gebaut und verwende zusätzlich "hofff/contao-calendarfield" als Datepicker.

Auf einer Seite muss ich das Formular 2x einbauen. Das hab ich auch gemacht, nur wenn ich auf das Inputfeld des Datepickers im 2. Formular klicke, tut sich nichts. Im 1. Funktioniert es.

Kann mir hier jemand sagen, warum das so ist.

[Andreas]

Die Initialisierung beschränkt sich auf ein Formular, doppelte IDs o.ä.

[cliffparnitzky]

Genau, so ist es.
Wenn das Formular 2 x im DOM ist, wird auch das Feld mit der ID "ctrl_..." 2 x vorhanden sein. Und dann geht das alles nicht mehr.

Dann müsstest du eine Kopier der Formulars verwenden.

[m-werk]

Sowas hatte ich mir schon gedacht. Ich wollte nur vermeiden, dass wenn es im Formular änderungen git, dass diese auch 2x zu ändern sind.

Aber danke für die Info.

[lucina]

Mal am Rande gefragt: Wozu muss man dasselbe Formular zweimal auf einer Seite einbinden? Ich würde es gerne verstehen ...

[m-werk]

Tja, ich versteh's auch nicht.

Mein Kunde hat eine Werbeagentur beauftragt, die Homepage zu designen. Diese hat dies gemacht und er möchte dass dies genauso umgesetzt wird.

In diesem Beispiel geht es darum, dass es 4 Appartements sind und dass hierzu ein Frühstück zu Buchen ist. Da das Layout in der 1. Zeile 2 Appartements hat und in der 2. Zeile auch, möchte er, dass immer darunter das Formular erscheint.

[Spooky]

Das würde ich als issue auf GitHub posten: https://github.com/hofff/contao-calendarfield/issues
Der Datepicker sollte lieber mit einem allgemeinen Selector initialisiert werden, statt auf #ctrl_ zu gehen.

[cliffparnitzky]

Das würde ich als issue auf GitHub posten: https://github.com/hofff/contao-calendarfield/issues
Der Datepicker sollte lieber mit einem allgemeinen Selector initialisiert werden, statt auf #ctrl_ zu gehen.

Aus welchem Grund? Eine eindeutige ID wäre schon wünschenswert, oder?

[Andreas]

Ja, eigene ID wäre wünschenswert. Z.B. springen die Labels des zweiten Formulars die Felder des ersten an. Außerdem sind doppelte IDs nicht valide.

[cliffparnitzky]

Also, ist es so wie es ist korrekt.

Ein allgemeiner Selektor bringt imho gar nix.

[Andreas]

Ja, sehe ich auch so. Bleibt wohl nur das Formular doppelt zu pflegen. Evtl. könnte man mit nem Save-Callback auf die Felder und das Formular die Kopie pflegen. Oder das Formular im FE mit JS clonen.

[Spooky]

Aus welchem Grund? Eine eindeutige ID wäre schon wünschenswert, oder?

In diesem Fall tatsächlich ja, da man den Datepicker ja pro Feld konfigurieren kann.

[cliffparnitzky]

In diesem Fall tatsächlich ja, da man den Datepicker ja pro Feld konfigurieren kann.

Super. Vielen Dank. Dann sind wir uns einig .

[m-werk]

Das mit dem Konfigurieren sehe ich aber nicht ganz so, oder hab ich hier was falsch verstanden?

Ich hab 2 Datepicker in meinem Formular.

Dem 1. habe ich als CSS ein anderes zugewiesen als dem 2. aber es wird beim 1. Feld auch jenes vom 2. Angezeigt. Im Quelltext stehen zwar beide scripts im head untereinander, aber es wird immer nur das 2. genommen.

[cliffparnitzky]

Grundsätzlich kann man jedes Feld einzeln konfigurieren.
Ggf. klappt das beim Styling nicht, weil bisher keiner den Anwendungsfall geprüft hat, die Datepicker unterschiedlich zu stylen.
Wäre ja auch die Frage, wozu das gut sein soll.
Für einen plausiblen Grund kann man dann sicher ein Ticket erstellen.

[Andreas]

Ich denke man müsste einen Link zur Seite sehen, denn wenn weiterhin mit doppelten IDs gearbeitet wird, könnte es auch sein, dass beides mal der gleiche Picker aufgerufen wird.

[m-werk]

Hier ein Beispiel http://test.daseberhart.at/frühstück.html

Dass man den Datepicker 2x unterschiedlich Designt, möchte ich auch nicht. Bringt auch nix. Mir ist es nur aufgefallen, da ich verschiedene Layouts mir ansehen wollte und da ich ja 2x den Datepicker verwende, hatte ich beim 1. das erste Layout, und beim 2. das zweite usw.

Aber wenn man dies mit der ID lösen könnte, wäre ich schon sehr froh. Ich möchte nicht 2x das Formuar warten!

[cliffparnitzky]

Aber wenn man dies mit der ID lösen könnte, wäre ich schon sehr froh. Ich möchte nicht 2x das Formuar warten!

Siehe Ticket.

[m-werk]

hm, ok. Schade. Danke trotzdem.

Dann werde ich eben mal das Formular kopieren und die Kopie unten einsetzen.

[Spooky]

Siehe auch https://github.com/contao/core-bundl...ment-333102302

[Andreas]

@m-werk: Ich kann dir das als Auftrag umsetzen, das Formular im FE mit JS zu klonen und dabei die IDs und FORs zu verändern. Der Datepicker muss dann nach dem Klonen aufgesetzt werden.

[cliffparnitzky]

@m-werk: Ich kann dir das als Auftrag umsetzen, das Formular im FE mit JS zu klonen und dabei die IDs und FORs zu verändern. Der Datepicker muss dann nach dem Klonen aufgesetzt werden.

Ich denke er wirll das nicht beauftrage, denn genau das war auch mein Vorschlag im Ticket