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

[dos1973]

Hi,

mein VIS design ist eher dunkel gehalten, wie kann ich denn, die weißen Bereiche schwarz machen? wenn möglich auch der Hintergrund von dem Textfeld (HTPC...)

Danke schön.

[dos1973]

Keiner eine Idee für mich?

[Segway]

@dos1973 sagte in jqui container html view , Darstellung bearbeiten:

weißen Bereiche schwarz machen

Kannst du mal das Widget posten und deine Einstellungen des Widgets ?
Evtl. auch einfach exportieren und hier hinterlegen.

[sigi234]

@dos1973 sagte in jqui container html view , Darstellung bearbeiten:

Keiner eine Idee für mich?

Stell das Widget doch rein........dann können wir es testen.........

[dos1973]

okay,

hier das widget exportiert... Danke für die Hilfe.

[{"tpl":"tplBulbOnOffCtrl","data":{"oid":"javascript.0.wol.D1_starten","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","icon_off":"/vis.0/home2/img/win1.png","icon_on":"/vis.0/home2/img/win1.png","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,"visibility-oid":"ping.0.ioBroker.192_168_10_39"},"style":{"left":"139px","top":"109px","z-index":"15","width":"60px","height":"60px"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","refreshInterval":"0","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,"src":"/vis.0/home2/img/win2.png","stretch":false,"allowUserInteractions":false,"visibility-oid":"ping.0.ioBroker.192_168_10_39"},"style":{"left":"139px","top":"109px","width":"60px","height":"60px","z-index":"15","color":"#acacac","font-family":"RobotoCondensed-Light"},"widgetSet":"basic"},{"tpl":"tplValueBool","data":{"oid":"ping.0.ioBroker.192_168_10_39","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":true,"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":"timestamp","lc-is-interval":false,"lc-is-moment":true,"lc-format":"DD.MM.YYYY hh:mm:ss","lc-position-vert":"top","lc-position-horz":"left","lc-offset-vert":"-150","lc-offset-horz":"245","lc-font-size":"18px","lc-font-family":"Jura-DemiBold","lc-font-style":"normal","lc-bkg-color":"","lc-color":"#fff","lc-border-width":"","lc-border-style":"","lc-border-color":"","lc-border-radius":"0","lc-zindex":0,"html_prepend":"","html_false":"starten","html_true":"<a style=\"font-family:Jura-Medium; color:#ae3d3d\"><b>D1</b><br> ist online","class":"","lc-oid":"ping.0.ioBroker.192_168_10_39","lc-padding":"10"},"style":{"left":"29px","top":"191px","width":"292px","height":"57px","z-index":"25","text-align":"center","font-family":"Jura-DemiBold","font-size":"24px","color":"#acacac"},"widgetSet":"basic"},{"tpl":"tplBasicState","data":{"oid":"javascript.0.GetAdmin.cmd","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"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,"class":"button_style button_150x75 zentrieren","html":"Ruhezustand","value":"ruhezustand","name":"Telefon löschen Button","visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","visibility-oid":"ping.0.ioBroker.192_168_10_39"},"style":{"left":"95px","top":"278px","z-index":"20","width":"","height":""},"widgetSet":"basic"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","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,"class":"button_style"},"style":{"left":"25px","top":"25px","width":"300px","height":"400px","z-index":"5","background":"","opacity":"0.5","border-radius":"","box-shadow":"","border-width":"","border-style":"","border-color":""},"widgetSet":"basic"},{"tpl":"tplBasicState","data":{"oid":"javascript.0.GetAdmin.cmd","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"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,"class":"button_style button_150x75 zentrieren","html":"Neustart","value":"","name":"Telefon löschen Button","visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","visibility-oid":"ping.0.ioBroker.192_168_10_39"},"style":{"left":"95px","top":"352px","z-index":"20","width":"","height":""},"widgetSet":"basic"}]

[dos1973]

so schaut es jetzt aus mit nachfolgendem css
aber wie kann ich denn den Button verändern, das bekomme ich nicht hin.

.ui-dialog[aria-describedby="w00007_dialog"] .ui-resizable-handle {
display: none !important;
}

.ui-dialog[aria-describedby="w00007_dialog"]{
   background: #000 !important;
    border:#acacac solid 1px !important;
}

.ui-dialog[aria-describedby="w00007_dialog"] .ui-dialog-titlebar {
background: #000 !important;
border:#acacac solid 0px !important;
font-size:28px !important;
font-family:Jura-Medium !important;
color:#acacac !important;
}