Für was ist MooTools-Template >moo_chosen

[Gandalf]

Hallo zusammen

Unter Contao 2.11 findet sich unter den Seitenlayouts > Skript-Einstellungen > MooTools-Templates >Die Option "moo_chosen".
Kann mir jemand sagen, für was diese ist?

Gandalf

[Russe]

Das ist glaube ich das hier:
http://harvesthq.github.com/chosen/

http://www.contao.org/de/news/contao_2-11-beta1.html

[RobertB]

Hallo,

ich bin gerade dabei Formulare zu basteln. Kann mir einer verraten wie man diese Chosen-Formularfelder verwenden kann?
Im Layout ist die moo_chosen eingebunden.

Über Tips wäre ich sehr erfreut

[BugBuster]

Schau dir die Demo an für Mootools an
https://github.com/julesjanssen/chos...e/master/Demos
Da findest du sowas:

<select data-placeholder="Choose a Country..." class="chzn-select" style="width:350px;" tabindex="2">

Das data-placeholder ist der Text für die Auswahl, die class chzn-select ist wichtig, dort sucht das JavaScript nach und gestaltet dann die Anzeige neu.

In Contao muss die class tl_chosen heißen, sieht man auch im moo Template.
Auszug aus dem Backend:

<select name="timeZone" id="ctrl_timeZone" class="tl_select tl_chosen" ...

Probier mal, habs mir auch nur grad so aus dem Quellcode gelesen.

[RobertB]

Danke erstmal für die Antwort.

Ich habe jetzt die beiden Class tl_select und tl_chosen eingefügt. Da passiert gar nichts.

Füge ich die Class "chzn-select" ein, wendet er das zwar scheinbar an, jedoch ist das Feld nicht
mehr sichtbar.

[BugBuster]

Hmm, habe einfach im Backend über dem Formulargenerator ein Select Feld angelegt mit zwei Optionen.
Dann im Layout moo_chosen ausgewählt, cache gelöscht, und refresh der FE Seite und schwubs war der Effekt da.

Ich habe also nirgends eine class dazugepackt wie ich dachte dass man das tun müsste.

[RobertB]

Also ohne tut sich bei mir rein gar nichts.

Ich seh allein ein Unterschied wenn ich dem SELECT Feld die Class "chzn-select" gebe.
Jedoch seh ich dann kein SELECT Feld mehr?!

Ich hab dir mal ne PN mit der Adresse zu meinem aktuellen Server geschickt.

[BugBuster]

Hast du JavaScript deaktiviert / geblockt?

[RobertB]

Also im FF ist es ganz klar aktiviert. "JavaScript aktivieren" mit Haken drin.

EDIT: Mal ganz doof gefragt, könnte es am EFG liegen?

[BugBuster]

Hmm keine Ahnung, bis auf das ich ne JS Fehlermeldung bekomme, aber aus datepicker.
Edit:
Hab mal tiefer geschaut. Contao legt automatisch eine class=select an bei Auswahlfeldern. Dieses select sucht stylect und setzt neue chosen class Werte.

Sieht so aus, als wenn das JS von chosen bei dir gar nicht erst zur Ausführung kommt.

[RobertB]

So, ich habe mal die ganzen anderen Felder die da noch waren deaktiviert.

Jetzt scheint es zumindest nen Ansatz zu geben das er was macht. Allerdings ist
das Ergebnis in keinsterweise vergleichbar mit dem was im Contao 2.11 Backend zu
bewundern ist.

Du kannst ja wenn du magst auch nochmal schauen, die selbe Adresse wie in der PN.

Aso, den EFG hab ich vorerst auch mal wieder deinstalliert. Hab jetzt also den Standardformgenerator.

[BugBuster]

Vielmehr passiert aber auch nicht, der Rest ist auch viel CSS nebenbei.
Chosen hat noch spezielle zusätzlich class Angaben, müsste man sich aus der Demo mal abschauen und testen ob und wie das funktioniert.

[RobertB]

Hmm ... mein Ziel ist es eigentlich so etwas beim SELECT zu bekommen wie in der Demo, wo ein zusätzliches
Suchfeld mit angezeigt wird, wie auch im 2.11er Backend bei Contao zu sehen.

Hat vielleicht einer nen Tipp wie ich das erreiche?

Das von mir erstellte Formular enthält nun nur das eine SELECT Feld:

aktuell.png

Das Formular enthält nur ein SELECT mit der automatisch gesetzten CLASS "select".
Daraufhin legt er im Frontend einen zusätzlichen DIV davor an (wie auf dem Bild)

Kann einer helfen wie ich es so hinbekomme damit es aussieht wie in der DEMO oben, bzw. im BACKEND von Contao?

[RobertB]

Ich pusch den Thread einfach mal,

einer von euch muss mir doch weiter helfen können.

[marschro]

Ich pusch den Thread einfach mal,

einer von euch muss mir doch weiter helfen können.

Da push ich mit.
Ich bekomme das nicht zum laufen...

[magicsepp]

Da push ich mit.
Ich bekomme das nicht zum laufen...

Super Info - damit kann sicherlich auch keiner weiterhelfen. Welche css werte wurden zugewiesen, oder gar ein Link etc wäre schon hilfreich. Vielen Dank.