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

[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;
}

[dering]

@MCU sagte:

Dateimanager wäre natürlich besser.

dafür gerne ein issue in github.

[dering]

@sigi234
hattest du das gesehen?

[sigi234]

@dering sagte:

@sigi234
hattest du das gesehen?

Habe ich nicht bei mir.

Edit:

Gibt es nicht bei Batterie!

[MCU]

@dering Gibt es bei Batterie nicht. Du hast Tank genutzt

[dering]

@sigi234 ouh :) Dann baue ich das ein

[sigi234]

@dering sagte:

@MCU sagte:

Dateimanager wäre natürlich besser.

dafür gerne ein issue in github.

@mcu

Machst du eines auf?