Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[c1olli]

Hallo,

ich bin ganz neu in dem Thema ioBroker und auch nur darauf gekommen, weil ich die Daten meiner Wetterstation direkt auf meinen MagicMirror angezeigt haben wollte.
Dazu habe ich dann das Modul WLAN-Wetterstation verwendet, was auch super funktioniert hat.
Aber leider ist die Ausgabe dann auf dem Spiegel leider nicht so schön und in Sachen Skripte bin ich ein absoluter DAU.
Ich möchte eigentlich nur dass die Beschreibung linksbündig ist, und die Werte rechtsbündig - jetzt ist ja alles rechtsbündig. Ich hab mich mit ein paar Punkten beholfen, aber schön ist anders... Siehe Bild.

Kann mir jemand helfen?

[Homoran]

@c1olli sagte in Ausgabe für MMM-ioBroker formatieren:

Dazu habe ich dann das Modul WLAN-Wetterstation verwendet

Was bitte ist das?

[c1olli]

@homoran
Hiermit kommen die Daten in den ioBroker:
https://github.com/SBorg2014/WLAN-Wetterstation

und hiermit auf den MagicMirror:
https://github.com/ioBroker/MMM-ioBroker

[Jey Cee]

@c1olli Ich glaub du bist hier falsch. Für die Darstellung auf dem Smart Mirror ist nicht ioBroker Verantwortlich, das MMM-ioBroker stellt nur ein Plugin für SmartMirror dar um die Daten von ioBroker zu holen.

Bisher gab es hier im Forum noch nicht viel zum Thema Smart Mirror, du musst also Glück haben das hier der Richtige rein schaut. Ich würde dir Empfehlen auch mal im SmartMirror Forum vorbei zu schauen.

[Homoran]

@c1olli Habe mir jetzt mal beide Repositories angesehen.
Beides sind keine ioBroker-Bestandteile

Auf keinen Fall die Ausgabe an den MM

Da kann ich dir nicht helfen

[c1olli]

Ich habe mir das ganze ein wenig angeschaut und herum probiert, ich bekomme die Anzeige schon mal linksbündig, jetzt muss ich nur noch herausfinden wie ich die Werte rechtsbündig bekomme.
Geändert habe ich die MMM-ioBroker.css

Bei align habe ich flex-end gegen left ausgetauscht.

.MMM-ioBroker .module-content .flex-item {
  /*margin: auto;*/
}

.region.left .MMM-ioBroker .flex-container,
.region.center .MMM-ioBroker .flex-container,
.region.right .MMM-ioBroker .flex-container {
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  max-width: 300px;
}

Edit:
Nach ein wenig mehr Lesen und Probieren habe ich wieder alles zurückgestellt und jetzt bleibt die Darstellung linksbündig. Keine Ahnung, warum das ganze vorher zentriert war.