Die Kalender in ChurchTools sind sehr hilfreich, um verschiedenste Bereiche innerhalb der Gemeinde zu organisieren und Termine im Blick zu behalten. Noch besser ist es natürlich, wenn die Kalender auch auf der eigenen Gemeindewebsite eingebunden sind und dort alle relevanten Informationen anzeigen.
Es kommt allerdings vor, dass bestimmte Termininformationen zwar in ChurchTools angezeigt, aber nicht auf der Website sichtbar sein sollen. In diesem Tutorial zeigen wir dir am Beispiel der Ressourcen, wie du mit einem CSS-Befehl Termininformationen im eingebetteten Kalender ausblenden kannst.
System-Einstellungen für das Kalendermodul öffnen #
Du kannst deinen einzubettenden Kalender mit CSS-Klassen anpassen. Diese hinterlegst du vorab in den System-Einstellungen deines ChurchTools.
Öffne dazu die System-Einstellungen (1) und (2) und navigiere zum Modul (3) Kalender (4). Unter Kalender einbetten (5) trägst du CSS-Befehle ein.
CSS-Befehl eintragen #
Um die im Termin hinterlegten Ressourcen auszublenden, trägst du folgenden CSS-Befehl im dafür vorgesehenen Feld (6) ein: .event-resources { display:none } . Anschließend speicherst du deine Änderungen (7).
CSS-Befehl prüfen #
Navigiere nun zum Kalendermodul (8) und öffne im Kontextmenü des Moduls den Punkt Kalender einbetten (9 und 10). Dort kannst du die Anwendung des CSS-Befehls in der Vorschau prüfen.
Verschiedene Kalender unterschiedlich anpassen #
Je nachdem, wie deine Website strukturiert ist, möchtest du eventuell, dass nicht bei jedem eingebetteten Kalender die Ressourcen ausgeblendet werden, sondern z. B. nur beim Kalender, den du auf der Startseite deiner Website anzeigen lässt.
Auch das kannst du mit ChurchTools umsetzen, indem du eine eigene CSS-Klasse vergibst.
Eigene CSS-Klassen vergeben #
Gehe dazu zurück in die System-Einstellungen des Kalendermoduls, setze vor den CSS-Befehl, der die Ressourcen ausblendet, eine eigene CSS-Klasse, z. B. .startseite und speichere deine Änderung. Wichtig dabei ist, dass zwischen deiner CSS-Klasse und dem nachstehenden Befehl ein Leerzeichen steht.
Der CSS-Befehl wird jetzt nur dann angewandt, wenn die entsprechende CSS-Klasse vor dem Einbetten eingetragen wird.
CSS-Klasse eintragen #
Wechsle wieder ins Kalendermodul und rufe das Dialogfenster auf, um den Kalender einzubetten. Damit der CSS-Befehl für das Ausblenden der Ressourcen angewendet wird, musst du hier deine vorher vergebene CSS-Klasse unter Darstellung > Erweiterte Einstellungen > CSS-Klasse eintragen.
Du hast für diesen eingebetteten Kalender nun eine eigene CSS-Klasse vergeben, die auch im Link zum Einbetten sichtbar ist. So kannst du individuell einstellen, welche CSS-Befehle bei welchen Kalendern auf deiner Website Anwendung finden.
