Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[dering]

@flkontakt Öffne Mal die Konsole (F12) und schau ob in diesem Moment ein Fehler angezeigt wird

[sigi234]

@dering

Hallo,

kann man ein Bild(Quelle Vis2.0) anzeigen lassen wie in Screenshot?

[dering]

@sigi234 ja, es gibt einen Widget-Typen Bild

[sigi234]

@dering sagte:

@sigi234 ja, es gibt einen Widget-Typen Bild

Das weis ich, aber da komme ich nicht zu den Dateimanager in vis2

[MCU]

@sigi234

Dateimanager wäre natürlich besser.

[sigi234]

@MCU sagte:

Dateimanager wäre natürlich besser.

Jupp, das meine ich.

Edit:
Hab mal experimentiert, so bekomme ich ein Bild

[sigi234]

@dering

Hallo,

kann ich beim Widget Füllstandanzeige (Batterie) das Icon in der Größe ändern?
Ja es ist schmal eingestellt, aber ich möchte es so.

[flkontakt]

Frage in die Runde, welche Funktion haben die Werte Schnellwahl (komkagetrennt) im Thermostat-Widget?

[MCU]

@sigi234 mit css Einstellungen. Ich schau mal später.

[MCU]

@flkontakt Dort ist normalerweise der DP für Soll Temperatur drin und dann kann man die Wunschtemperaturen dort festlegen und im Frontend schnell auswählen.

[flkontakt]

@MCU sagte:

@flkontakt Dort ist normalerweise der DP für Soll Temperatur drin und dann kann man die Wunschtemperaturen dort festlegen und im Frontend schnell auswählen.

So hatte ich mir das schon gedacht, finde die Werte aber keiner der Widget Darstellungen (Standard, Kompakt usw.). Bug? Dann würde ich ein Issue anlegen. Wäre für viele andere Widgets sicherlich auch hilfreich/wünschenswert, z.B. Jalousie mit Schnellwahl der Höhen usw. Danke!

[MCU]

@flkontakt bug, popup ist verschwunden. imPopup konnte man die Vorauswahl-Werte auswählen.
https://github.com/hdering/ioBroker.aura/issues/131

[MCU]

@sigi234 Beispiel

.aura-widget-fill-1776378310602 .flex-1 > div {
    height: 100% !important;
}

Du musst bei Dir die WidgetId fill-xxxxxxx holen und die dann nach aura-widget-fill- eintragen.

[sigi234]

@MCU

Ist eine Batterieanzeige

[MCU]

@sigi234 Stell mal bitte die Widgets-Einstellungen rein. Danke.

[sigi234]

@MCU sagte:

@sigi234 Stell mal bitte die Widgets-Einstellungen rein. Danke.

Geht nur wenn ich das Widget größer ziehe
ccs greift da nicht

[MCU]

@sigi234 Dann statt fill -> w

.aura-widget-w-1777112519114 .flex-1 > div {
    height: 100% !important;
}

[sigi234]

@MCU sagte:

@sigi234 Dann statt fill -> w

.aura-widget-w-1777112519114 .flex-1 > div {
    height: 100% !important;
}

Habe ich schon probiert, keine Änderung

Habe aber da noch eine Bedingung drinne, weis nicht ob die stört.

[MCU]

@sigi234 Nein die stört nicht. Mach mal bitte rechts Maustaste auf der Batterie -> untersuchen. Das Element dann kopieren und reinstellen.

[MCU]

@sigi234

.aura-widget-w-1777112519114 {
    padding: 4px !important;
    overflow: hidden !important;
}

.aura-widget-w-1777112519114 > .flex {
    height: 100% !important;
    min-height: 0 !important;
}

/* Text links bleibt sichtbar */
.aura-widget-w-1777112519114 p {
    display: block !important;
    font-size: 10px !important;
    line-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Batterie-Bereich */
.aura-widget-w-1777112519114 .flex-1 {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* SVG zentriert lassen */
.aura-widget-w-1777112519114 svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    transform: none !important;
}

/* Batterie breiter, aber zentriert */
.aura-widget-w-1777112519114 svg > rect,
.aura-widget-w-1777112519114 svg > line,
.aura-widget-w-1777112519114 svg clipPath rect {
    transform-box: view-box !important;
    transform-origin: 114px 45px !important;
    transform: translateX(16px) scaleX(1.9) !important;
}

/* Batterie höher */
.aura-widget-w-1777112519114 svg rect[x="5"][width="218"],
.aura-widget-w-1777112519114 svg clipPath rect,
.aura-widget-w-1777112519114 svg rect[clip-path] {
    y: 6px !important;
    height: 78px !important;
    rx: 10px !important;
}

/* Trennlinien an Höhe anpassen */
.aura-widget-w-1777112519114 svg line {
    y1: 6px !important;
    y2: 84px !important;
}

/* Batteriepol */
.aura-widget-w-1777112519114 svg rect[x="226"] {
    y: 25px !important;
    height: 40px !important;
    rx: 5px !important;
}

/* Prozentwert exakt zentrieren */
.aura-widget-w-1777112519114 svg text {
    x: 130px !important;
    y: 45px !important;
    text-anchor: middle !important;
    dominant-baseline: middle !important;
    transform: none !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.aura-widget-w-1777112519114 svg text tspan {
    font-size: 16px !important;
}

/* Zeitstempel */
.aura-widget-w-1777112519114 .nodrag {
    font-size: 7px !important;
    bottom: 2px !important;
    right: 4px !important;
}