/
Anpassen des Micromate Widget

Anpassen des Micromate Widget

Owned by Stefan Schöb
Jan 30, 2025
1 min read

Warum sollte das Micromate Widget an die eigene Webseite angepasst werden?

Das Micromate Widget bietet einige Konfigurationsmöglichkeiten welche die Integration von Micromate in dein Moodle verbessern. Somit kann sichergestellt werden, dass Micromate optimal platziert (z.B. keine Buttons überlagert) und auch farblich zu deinem Moodle passt.

Anleitung

Das Wichtigste in Kürze

  1. Die Farben wie auch die Position können über CSS Variablen im Moodle Template angepasst werden.

  2. Moodle bietet die Möglichkeit über die Adminoberfläche direkt CSS einzufügen, es wird keine Anpassung des Templates benötigt.

Micromate Widget anpassen

Das Microamte Widget kann über CSS Variablen konfiguriert werden. Du kannst diese im Moodle wie folgt konfigurieren:

  1. Melde dich als Administrator an

  2. Öffne die Einstellungen

  3. Wähle das Tab “Darstellung” aus

  4. Klicke auf den Namen von deinem Template

    image-20250130-131627.png

  5. Öffne das Tab “Erweiterte Einstellungen”. Hier kannst du im Eingabefeld “Raw initial SCSS” den CSS-Code eingeben um das Micromate Widget anzupassen. Folgende ein Beispiel, welches den Avatar auf 100px Abstand von der unteren Fenstergrenze stellt:

    :root{ --micromate-avatar-position-bottom: 100px; }

Alle zur Verfügung stehenden Variablen findest du unter Styling des Micromate Widgets

 

Troubleshooting

Warum wird mein Styling nicht übernommen?

  • Lade die Seite einmal neu mit Ctrl + F5 (Hard refresh)

  • Überprüfe die Schreibweise deiner CSS-Regel. Hast du die Variablen auf :root angewendet?

  • Lösche den Cache über das Menü “Entwicklung → Caches löschen”