Widgets
Custom Calendar (Week)
1.1.0
Custom Calendar (Week)
Mit dem neuen Widget Custom Calendar Week kannst du einen Kalender in beliebige Tabellen deiner Ninox-Datenbank integrieren und individuell mit deinen Daten befüllen. Das Design ist flexibel anpassbar, sodass du das Erscheinungsbild nach deinen Wünschen gestalten kannst. Die einzelnen Kalendereinträge sind frei konfigurierbar und bieten dir maximale Flexibilität.
Zu den praktischen Funktionen gehören:
Drag & Drop zur einfachen Verwaltung von Terminen
Darstellung mehrtägiger & ganztägiger Events für eine übersichtliche Planung
Hervorheben besonderer Tage wie Feiertage oder Urlaubszeiten, um wichtige Tage auf einen Blick zu erkennen
Einstellung der Zeitachse, sodass du die Anzeige flexibel anpassen kannst – beispielsweise auf eine Sichtbarkeit von nur 8 Stunden statt der vollen 24 Stunden.
Filtern von Einträgen per Ninox Skript
Integration von Einträgen aus verschiedenen Ninox Tabellen
Offline Verfügbarkeit ist gewährleistet
So wird die Organisation deiner Termine in Ninox effizient und benutzerfreundlich gestaltet.
Anwendungscode
Allgemeine Settings
weekdaySettings
Mir den wekkdaySettings legst du fest, welche Kalenderwoche eines bestimmten Jahres angezeigt werden soll.
weekStart
weekStart bestimmt an welchem Wochentag dein Kalender beginnt. In den USA beispielsweise bei 0 (gleichzusetzen mit Sonntag). Gängig ist 1 (für Montag).
timeZoneBalance
timeZoneBalance gleicht die Zeitzone aus. Für Deutschland solltest du -1 einstellen, da Ninox andere Zeitzonen Standards verwendet.
timeSettings
In den timeSettings legst du fest, wie du deine Zeitachse definieren möchtest. Du musst beispielsweise nicht immer 24 Stunden anzeigen. Du kannst also festlegen, dass dein Tag auch erst um 6 Uhr starten soll und nur bis 22 Uhr angezeigt wird. Es können nur volle Stunden ausgegeben werden. Gibst du also 06:30 Uhr als Startzeit an, rundet das System auf 06:00 Uhr ab.
currentTime
Mit einem schmalen Balken wird dir die aktuelle Uhrzeit angezeigt. currentTime definiert die Farbe des Balkens.
dayHighlights
Du kannst bei den dayHighlights definieren, welche Tage farblich hervorgehoben werden sollen. Dabei kannst du unterscheiden zwischen konkreten Daten oder Wochentagen.
lang
Diese Funktion wird standardmäßig eingestellt und muss nicht angepasst werden.
timeSlotWidth
Mit timeSlotWidth stellst du die Breite deiner Wochentage ein.
timeSlotHeight
Mit timeSlotHeigt stellst du die Höhe der Zeilen für die Uhrzeiten ein.
styles
Mit styles kannst du individuelle Einstellungen wie die Hintergrundfarbe des gesamten Kalenders einstellen. Zum Beispiel für Dark Mode.
timeEntries
In den timeEntries legst du fest, auf welche Ninox-Tabelle (Zeiteinträge) du dich beziehen möchtest. Alle weiteren Parameter beziehen sich auf die konkreten Zeiteinträge.
title
Der Titel kann entweder selbstgewählt werden und wird in der ersten Zeile des Zeiteintrages ausgegeben. Oder du lässt den Titel mit "" stehen und es wird die Uhrzeit des Zeiteintrages angezeigt.
subtitle
Der subtitle ist die Beschreibung unter dem Titel. Hier kannst du Beispielsweise den Grund des Zeiteintrages hinterlegen.
value
Der value ist sozusagen die dritte Zeile deines Zeiteintrages. Hier kannst du mit Layouts oder anderen Widgets ganz individuelle Dinge anzeigen, die deine Zeiteinträge betreffen.
dateFrom, dateTo, timeFrom, timeTo
Mit den folgenden Parametern liest du die Daten je Zeiteintrag aus. Hier müssen echte Datums- & Zeitfelder von Ninox angegeben werden.
⚠️ Wichtig: Wenn einer der Datumsparameter nicht ausgefüllt ist, wird automatisch der Tag des anderen Datumsfeldes genommen. Fehlen beide Datumsparameter, wird der Eintrag komplett ausgeblendet. Bei fehlender Uhrzeit wird die Uhrzeit des anderen Zeit-Parameters genommen und -5 /+5 Minuten gerechnet, um eine minimale Darstellung zu gewährleisten.
styles
Mit styles legst du die Farben und den borderRadius deines Zeiteintrages fest.
dragAction
In der dragAction wird festgelegt, welche Datums- und Zeitfelder beim Ziehen oder Verschieben der Einträge auf der Kalenderoberfläche mit den neuen Daten aktualisiert werden.
⚠️ Wichtig: Diese Angaben sind zwingend erforderlich, damit Zeiteinträge per Dragging verändert werden können.
clickAction
Mit der clickAction ermöglichst du, dass der User auf den Zeiteintrag klicken kann und sich der Ninox Record öffnet.