Web: Veranstaltungskalender einbinden

zur Wiki-Übersicht
Inhaltsverzeichnis

Web: Veranstaltungskalender einbinden

Mit der Musikschul-App können Sie Veranstaltungen direkt aus iMikel ankündigen. Über folgenden Code können Sie diese Daten ebenfalls direkt auf Ihrer Internetseite einbinden.

Quellcode

Als Beispiel verwenden wir hier die Daten der App MKS Böblingen. Tauschen Sie hierbei den Alias beim Attribut alias durch den Ihrer App aus und wählen Sie Ihre Farbe beim Attribut accent-color.

<script
  type="module"
  src="https://cdn.musikschulverwaltung.de/events/latest/main.js"
></script>
<events-posts alias="boeblingen" accent-color="#f39200" />

Parameter für <events-posts>

aliasPflicht

Eindeutige Kennung Ihrer Musikschul-App.

Beispiel: alias="demo"

accent-color

Akzentfarbe der Komponente.

Beispiel: accent-color="#f39200"

darkmode

Steuert, ob die Komponente hell oder dunkel erscheint.

  • darkmode="auto" folgt der Systemeinstellung
  • darkmode="true" immer dunkel
  • darkmode="false" immer hell

Ohne den Parameter folgt die Komponente der Systemeinstellung, sofern die einbettende Seite <meta name="color-scheme" content="light dark"> erklärt - sonst bleibt sie hell.

Vorschau

Letzte Änderung am 03.09.2026