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

[Crazy32]

Moin allerseits,
ich nutze den besagten Button, um per Tip auf den Button meine View für die Rollladensteuerung aufzurufen. Nur ist im Popup-Fenster um meine Rollladen-Widgets ein weißer Rand, den ich in meiner View nicht habe. Ich möchte diesen Rand entweder weg haben, oder ihm eine dunklere Farbe geben, weiß aber nicht wie. Hat jemand einen Rat?

[sigi234]

@Crazy32

Stell das Widget mal rein.
Oder versuche es via CSS Ränder

[CrunkFX]

@Crazy32 Hast du evtl bei CSS was Globales eingesetzt was jetzt dafür sorgt?

[Crazy32]

@sigi234 Hier das Widget. Bei CSS im Widget war nichts angehakt. Ich habe mal bei CSS Border die Farbe Schwarz gesetzt, der weiße Rand ist aber trotzdem da.

Spoiler

[{"tpl":"tplContainerIconDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"contains_view":"mat_beschattung_new","title":"Beschattung","dialog_top":"0","dialog_left":"0","dialog_width":"1024","dialog_height":"768","autoclose":"20000","src":"/icons-mfd-svg/fts_shutter.svg","imageHeight":"","text":"","setValue":"","invert_icon":false,"noHeader":false,"modal":true},"style":{"left":"918px","top":"490.9999694824219px","z-index":"1","width":"90px","height":"90px","opacity":"0","border-color":""},"widgetSet":"jqui"}]

@CrunkFX sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

@Crazy32 Hast du evtl bei CSS was Globales eingesetzt was jetzt dafür sorgt?

Globales setze ich, wenn ich in der View im Reiter CSS was hinterlege, oder? Da ist jedenfalls nichts. Beim Widget unter dem Reiter CSS ist auch nichts. Global würde dann doch auch für alles gelten und nicht nur für das Popup, oder?

[CrunkFX]

@Crazy32 Korrekt. Wenn da nichts ist brauchst du da auch nicht weiter suchen. War nur so ne Idee

[sigi234]

@Crazy32 sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

Hier das Widget. Bei CSS im Widget war nichts angehakt. Ich habe mal bei CSS Border die Farbe Schwarz gesetzt, der weiße Rand ist aber trotzdem da.

Ändere mal das THEMA im Reiter View

[Crazy32]

@sigi234 Das Ändern des Themas hat keine Auswirkung auf die Darstellung im Popup. Da ändert sich nur in der View das Widget an sich von dunkel auf z.B. hell.
Ich habe das Gefühl, dass die Darstellung im Popup-Fenster nicht mit den Einstellungen für das Widget geändert werden kann. Aber irgendwo muss das doch hinterlegt sein.

[sigi234]

@Crazy32 sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

Ich habe das Gefühl, dass die Darstellung im Popup-Fenster nicht mit den Einstellungen für das Widget geändert werden kann. Aber irgendwo muss das doch hinterlegt sein.

Via Material Design CSS for ioBroker.vis gelöst: Lösung ist von @Mic

/***Hintergrund Popup ändern *******/
.mdui-runtime .ui-dialog {
    background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
}

[Crazy32]

@sigi234 Ich bin leider nicht so firm mit diesen Codes. Was muss ich machen, damit ich in meinem Popoup die Rahmenfarbe ändern kann? Wenn ich das richtig verstehe ist der Code oben für den Popup-Hintergrund, oder?

[sigi234]

@Crazy32 sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

@sigi234 Ich bin leider nicht so firm mit diesen Codes. Was muss ich machen, damit ich in meinem Popoup die Rahmenfarbe ändern kann?

Wenn ich das richtig verstehe ist der Code oben für den Popup-Hintergrund, oder?

Ja

CSS Uhula:
https://github.com/Uhula/ioBroker-Material-Design-Style

Achtung kann aber einiges an der Vis ändern!

Dann gibt es noch:

https://github.com/Scrounger/ioBroker.vis-materialdesign

https://forum.iobroker.net/topic/31011/vis-inventwo-ideen-und-anregungen

[Glasfaser]

@Crazy32 sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

um meine Rollladen-Widgets ein weißer Rand,

@sigi234 Hier das Widget.

Das ist aber das Dialog Widget .
Stelle mal dein Rollladen-Widgets ein ( wo der Fehler auftritt mit dem weißen Rand,) .

[sigi234]

@Glasfaser sagte in jqui Button View in Dialog | Darstellung im Dialog falsch:

Das ist aber das Dialog Widget .

Dachte ich mir schon

[Crazy32]

@Glasfaser Das wars, vielen, vielen Dank! Ich bin aber etwas verwirrt. In meiner View ist kein weißer Rand, daher bin ich auch nicht auf die Idee gekommen, dass der Rand, der im Popup-Fenster sichtbar ist, vom basic-border Widget kommen könnte. Zumal in den Einstellungen zum Widget keine Farbe eingetragen ist (siehe Screenshot). Hätte da der Wert für weiß dringestanden, dann wäre ich ich ja von selbst auf die Idee gekommen. Warum ist das so, dass da keine Farbe bei "Color" eingetragen ist, aber trotzdem ein weißer Rand ist?

Nochmal, vielen Dank. Vielleicht weißt Du ja wie das ist, wenn etwas nicht 100%ig so ist wie man es sich vorstellt und dann widerwillig damit abfindet das es halt so ist. Das muss ich jetzt nicht mehr