search

kozi / contao-fullcalendar

Calendar based on FullCalendar, http://fullcalendar.io
2 stars 3 forks source link

aktivieren von tooltips mittels qtip2 #6

Open ttnotet opened 8 years ago

ttnotet commented 8 years ago

wenn sie möchten können sie dir folgende Änderung zur aktivierung von qtip2 (Anleitung zur QTip2 Aktivierung: https://community.contao.org/de/showthread.php?59222-GEL%D6ST-qtip2-Bibliothek-CSS-Datei-korrekt-einbinden-wo-macht-man-das) übernehme:

Anpassung in der mod_fullcalendar.html5:

eventRender: function(event, element) { element.qtip({ content: event.description, hide: { // fixed, damit man Elemente auf dem Tooltip anklicken kann, Default ist false! Sonst koennte er bei mouseover verschwinden, mit fixed aber nicht. fixed: true, // (fuer automatisches Verschwinden nach 2 Sek.:) inactive: 2000, // durch Klick auf den Tooltip wird der Tooltip geschlossen. Alle verfügbaren Maus-Events auf: api.jquery.com/category/events/mouse-events/ // event: 'click', }, // Tooltip position position: { // die untere linke Ecke des Tooltips... my: 'bottom left', // wird am target oben links positioniert at: 'top left', // hier wird der Tooltip positioniert target: 'mouse' }, style: { // Dem Tooltip Stile aus dem qtip.min.css zuweisen nach Bedarf classes: 'qtip-green qtip-shadow qtip-rounded', // ACHTUNG!!! hier wird NICHT der max-width aus der qtip.min.css ueberschrieben, der ist default 280px und muss dort auch angepasst werden! width: 400 } }); }

Ergebnis: tooltip

kozi commented 7 years ago

Werde mal versuchen eine kleine Tooltip Erweiterung für den Kalender zu erstellen.