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

[Ja.rod]

@liv-in-sky Ich bin da noch nicht allzu fit: Wie platziere ich dann Widgets in diesem HTML-Widget?

[liv-in-sky]

@Ja-rod

kommt drauf an, was im popup sein soll.

ich nutzte das für eineige alarme (wichtige). dazu nehme ich in ein image widget mit einem warn-bild. in der sichtbarkeit des img-widgets wird dann definiert, bei welchen datenpunkt und welchen state das widget sichtbar wird. diesen datenpunkt setzt ein script, welches den alarm entdeckt.

ich vermute mal, wenn du ein container widget nutzt (um views in einem popup zu öffnen) wird das so nicht funktionieren

was genau soll im popup zu sehen sein ?

[Ja.rod]

@liv-in-sky Ich nutze meinen Hauptscreen um in erster Linie den aktuellen Status anzuzeigen, z.B. ob im EG alle geschlossen sind. Wenn ich dann Details wissen will verzweige auf eine weitere View auf der mir dann die einzelnen Fenster angezeigt werden, ich Einstellungen zu den "Offen-Meldungen" über Alexa vornehmen kann, etc.

Das normale "x" zum Schließen ist im Notfall auch OK, passt aber nicht ins Design...

[liv-in-sky]

@sigi234
hast du da evtl einen tipp

[sigi234]

@liv-in-sky sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

@sigi234
hast du da evtl einen tipp

Nein, verstehe aber den Usecase nicht richtig...

[Glasfaser]

@Ja-rod sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

das "x" ist weiterhin zu sehen.

.ui-dialog .ui-dialog-titlebar-close {
    top: -50% !important;
    }

[Ja.rod]

@Glasfaser sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

.ui-dialog .ui-dialog-titlebar-close {

Vielen Dank, es hat funktioniert. Ich habe schon befürchtet, dass es nur über CSS geht.

Kann mir noch jemand ein paar Tips geben wie ich nun den Button im Widget "Button Dialog close" an sich anpasse? Ich habe schon etwas mit CSS rumprobiert und versucht die Ergebnisse meiner Recherche zu adaptieren (z.B. UI-Button). Den Rahmen habe ich hingekriegt, der "Hintergrund" weigert sich behaarlich meinen Anweisungen zu folgen.

[Glasfaser]

@Ja-rod sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

wie ich nun den Button im Widget "Button Dialog close" an sich anpasse?

Kann dir nicht ganz folgen .... was du vor hast !??
"Button Dialog close" hat doch nichts mit dem UI. Dialog Widget zu tun ?

Zeige mal ein paar Screenshot davon , bzw. stelle das Widget zur Verfügung.

[Ja.rod]

@Glasfaser Das mit dem "UI-Botton" war mir bewußt, ich habe es einfach mal ausprobiert.

Hier das Widget:
quiButtonDialogClose.txt

Ich möchte den Hintergrund farblich anpassen, die Schriftart und den Rand entfernen.

Gruß
Ja.rod

[Knallochse]

@Glasfaser gibt es auch eine Möglichkeit das x (Poppup schließen) zu vergrößern?
Bei meiner Auflösung ist das ziemlich klein und schwierig zu treffen.

[Glasfaser]

@Knallochse sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

das x (Poppup schließen) zu vergrößern

Das Problem ist , ich bekomme es nicht hin , da es aus eine Bilbliothek mit meheren Symbolen besteht.

.
Was hälst du hier von ... da hast du mehr "Click " Fläche.

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    width: 70px !important;
    height: 30px !important;
    margin-top: -14px !important;
}

[Knallochse]

@Glasfaser Geil, vielen Dank. Jetzt treffe ich mit meinen "Wurstfingern" den Close-Button.
Hab vielen Dank und einen guten Rutsch ins neue Jahr

[Ja.rod]

@Ja-rod sagte in x-Schaltfläche zum Schließen im Popup verbergen/ausblenden?:

@Glasfaser Das mit dem "UI-Botton" war mir bewußt, ich habe es einfach mal ausprobiert.

Hier das Widget:
quiButtonDialogClose.txt

Ich möchte den Hintergrund farblich anpassen, die Schriftart und den Rand entfernen.

Gruß
Ja.rod

Noch jemand eine Idee wie das Widget anzupassen ist?

[Glasfaser]

@Ja-rod

https://forum.iobroker.net/topic/12193/farbe-vom-nav-button-ändern/22