Zum Hauptinhalt springen

responsive_lightbox

Description

Ermöglicht es der Lightbox, sich auf kleineren Bildschirmen fließend anzupassen

responsive_lightbox: boolean

Example

scheduler.config.responsive_lightbox = true;

Default value: false

Details

Wenn diese Option aktiviert wird (standardmäßig ist sie deaktiviert), wird der Lightbox die CSS-Klasse .dhx_cal_light_responsive hinzugefügt.

Alle integrierten Skins des Schedulers enthalten Media Queries, die der Lightbox helfen, sich an kleinere Bildschirme anzupassen. Das bedeutet:

  • Auf mobilen Geräten erstreckt sich die Lightbox über den gesamten Bildschirm
  • Labels und Controls passen ihre Größe an, um richtig auf den Bildschirm zu passen

lightbox_responsive

Um diese Funktion zu aktivieren, setzen Sie die Konfiguration einfach so:

scheduler.config.responsive_lightbox = true;
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.