Homematic Thermostat Auto/Manu Mode Widged
-
AH okay!
Den Javascript/Coffescript Adapter, du hast dann im Admin einen weiteren Tab oben: "Skripte"
-
Mann-oh-Mann ist das kompliziert. Hat aber nun endlich alles geklappt.
Umschaltung funktioniert.
Das Script wird immer automatisch mitgestartet?
-
Wenn der Javascript Adapter und das Skript eingeschaltet sind dann starten die auch beide beim nächsten ioBroker Start mit.
-
Hi.
Wie müsste das Script lauten,
wenn man alle 4 Zustände (0=Auto, 1=Manu, 2=Party Modus, 3=Boost)
über die Radio Buttons umschalten wollte?
mfg Stimpy
-
-
das sollte das sein was du suchst dazu brauchst auch kein skript.
! [{"tpl":"tplJquiButtonState","data":{"oid":"hm-rpc.0.LEQ1481373.2.AUTO_MODE","visibility-cond":"==","visibility-val":1,"buttontext":"Auto","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,"value":"true","visibility-groups-action":"hide","no_style":false,"name":"Wohnzimmer HK2","gestures-offsetX":"5","lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"25px","top":"128px","font-size":"small","width":"63px","text-align":"center","z-index":"10","height":"34px","font-family":"Verdana, Geneva, sans-serif"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"hm-rpc.0.LEQ1481373.2.MANU_MODE","visibility-cond":"==","visibility-val":1,"buttontext":"Hand","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,"value":"20","visibility-groups-action":"hide","name":"Wohnzimmer HK2","no_style":false,"lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"110px","top":"129px","font-size":"small","width":"63px","text-align":"center","z-index":"10","height":"34px"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"hm-rpc.0.LEQ1481373.2.BOOST_MODE","visibility-cond":"==","visibility-val":1,"buttontext":"Boost","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,"value":"true","visibility-groups-action":"hide","name":"Wohnzimmer HK2","lc-type":"last-change","lc-is-interval":true,"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,"no_style":false,"lc-is-moment":false,"lc-zindex":0},"style":{"left":"201px","top":"128px","font-size":"small","width":"63px","text-align":"center","z-index":"10","height":"34px"},"widgetSet":"jqui"},{"tpl":"tplValueListHtml8","data":{"oid":"hm-rpc.0.LEQ1481373.2.CONTROL_MODE","visibility-cond":"==","visibility-val":1,"count":"3","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,"value0":"AUTO","value1":"Hand","style0":"background-color: green; padding-top:3px;","style1":"background-color: red; padding-top:3px;","test_list":"3","visibility-groups-action":"hide","style2":"","value2":"","value3":"Boost","style3":"background-color: blue; padding-top:3px;","name":"Wohnzimmer HK2","lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"115px","top":"76px","z-index":"4","color":"#ffffff","text-align":"center","width":"52px","height":"24px","border-radius":"4px","padding-top":"","line-height":"","font-size":"large","background-color":"#FFFFFF"},"widgetSet":"basic"},{"tpl":"tplJquiRadioList","data":{"oid":"hm-rpc.0.LEQ1481373.2.CONTROL_MODE","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","values":"0;1;3","texts":"AUTO;MANU;BOOST","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,"name":"Wohnzimmer HK2","lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"14px","top":"126px","height":"2px","width":"2px","font-size":"medium","z-index":"4","font-weight":"normal","background-color":"#00bd08"},"widgetSet":"jqui"},{"tpl":"tplMetroTileHeating","data":{"g_fixed":false,"g_visibility":false,"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":1,"visibility-groups-action":"hide","min":"0","max":"3","bg_class":"bg-black","brand_bg_class":"bg-black","icon_lowbat":"icon-battery","icon_control_mode_0":"icon-clock","icon_control_mode_1":"icon-radio-unchecked","icon_control_mode_2":"icon-briefcase","icon_windowopen":"icon-enter","badge_bg_class":"","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-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,"set_oid":"hm-rpc.0.LEQ1481373.2.SET_TEMPERATURE","temp_oid":"hm-rpc.0.LEQ1481373.2.ACTUAL_TEMPERATURE","lowbat_oid":"hm-rpc.0.LEQ1481373.2.LOWBAT_REPORTING","hum_oid":"hm-rpc.0.LEQ1481373.1.HUMIDITY","controlmode_oid":"hm-rpc.0.LEQ1481373.2.CONTROL_MODE","windowopen_oid":"hm-rpc.0.LEQ1481373.2.WINDOW_OPEN_REPORTING","drive_oid":"hm-rpc.0.MEQ0056870.4.VALVE_STATE","label":"Raumthermostat Wohnzimmer","sliderColor":"#000000","sliderCompleteColor":"#000000","sliderMarkerColor":"#000000","lc-is-moment":false,"lc-zindex":0},"style":{"left":"6px","top":"7px","width":"308px","height":"204px","z-index":"3"},"widgetSet":"metro"},{"tpl":"tplMfdHeating","data":{"oid":"hm-rpc.0.LEQ1481373.2.SET_TEMPERATURE","g_fixed":false,"g_visibility":false,"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":1,"visibility-groups-action":"hide","min":"4.5","max":"30.5","step":"1","roundnumber":"0","checkboxDisplay":"image","asButton":true,"dialog_width":"600","dialog_height":"200","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,"invert_icon":false},"style":{"left":"19px","top":"23px","width":"69px","height":"70px","z-index":4},"widgetSet":"jqui-mfd"}]
5264_a9c897b9b38ce3a9b9912af587b79839.png -
Eine sehr kreative Lösung @Camuri :mrgreen:
Und sie funtioniert! Vielen Dank. Ich habe es an mein Layout angepasst. Die oberen Button sind nun durchsichtig und die Schrift genau über die der unteren Button gelegt.
4249_heinzugstermostatsteuerung.jpg -
Bilder bitte mit dem forumeigenen Bildupload hochladen!
Ist dir super gelungen!
Enrico
-
Bilder bitte mit dem forumeigenen Bildupload hochladen!
Ist dir super gelungen!
Enrico `
Danke für die Info, habe das Bild hier hochgeladen, hatte die Funktion übersehen.
Und danke für die Blumen
-
@ AxelF1977
Wie bekommst Du das mit der Leiste hin (Soll Temp. und Ist Temp.), dass sie links blau ist und je wärmer, dann nach rechts rot wird?
-
Das ist ein Farbverlauf, per CSS definiert. Ich stelle heute Abend das Widget hier mal rein.
-
Sorry das es länger gedauert hat, ich habe aber ioBroker gerade auf ein Tinker Board umgezogen, das musste ich erstmal fertig machen.
Anbei das Widget, einfach als Widget importieren
[{"tpl":"tplValueFloatBar","data":{"oid":"hm-rpc.2.OEQ0854223.4.ACTUAL_TEMPERATURE","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","min":"5","max":"30","orientation":"horizontal","color":"#2196F3","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,"reverse":false,"class":"mdui-h-bargraph","border":"","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},"style":{"left":"135px","top":"64px","width":"200px","height":"25px","z-index":3,"background":"linear-gradient(to right, #005aff 0px, #4CAF50 120px, #F44336 150px )"},"widgetSet":"basic"}] -
Hallo, das ist dir sehr gut gelungen. Wie hast du das gemacht, habe erst begonnen mit VIS zu arbeiten
-
ist es möglich das Widged zu bekommen, das würde genau für mich passen.
Bin beim lernen und wenn ich sehe wie andere es machen komme ich schneller weiter.
-
ist es möglich das Widged zu bekommen, das würde genau für mich passen.
Bin beim lernen und wenn ich sehe wie andere es machen komme ich schneller weiter. `
Er hat den Code dich gepostet damit du es Importieren kannst
Sent from my iPhone using Tapatalk
-
ist es möglich das Widged zu bekommen, das würde genau für mich passen.
Bin beim lernen und wenn ich sehe wie andere es machen komme ich schneller weiter. `
Er hat den Code dich gepostet damit du es Importieren kannst
Sent from my iPhone using Tapatalk `
Und wo finde ich den Code?
-
Eine sehr kreative Lösung @Camuri :mrgreen:
Und sie funtioniert! Vielen Dank. Ich habe es an mein Layout angepasst. Die oberen Button sind nun durchsichtig und die Schrift genau über die der unteren Button gelegt. `
Hallo,
ist es möglich den Code zu bekommen, ich bekomme es einfach nicht hin….
-
Hi,
der Code (inkl. Hinweis, wie er eingebunden wird) ist doch ich m Posting #23 enthalten.
Oder welche Code meine mat. du?
Gruß,
Eric
Von unterwegs getippert
-
das Problem könnte sein das du die css klassen die der Farbverlauf nutzt nicht angelegt hast dazu finde ich auch in dem Beitrag keinen Hinweis.
Das Widget ist hier verlinkt
!
@AxelF1977:
! > Sorry das es länger gedauert hat, ich habe aber ioBroker gerade auf ein Tinker Board umgezogen, das musste ich erstmal fertig machen.filename="Heizungsollist.jpg" index="0">~~
Anbei das Widget, einfach als Widget importieren
[{"tpl":"tplValueFloatBar","data":{"oid":"hm-rpc.2.OEQ0854223.4.ACTUAL_TEMPERATURE","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","min":"5","max":"30","orientation":"horizontal","color":"#2196F3","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,"reverse":false,"class":"mdui-h-bargraph","border":"","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},"style":{"left":"135px","top":"64px","width":"200px","height":"25px","z-index":3,"background":"linear-gradient(to right, #005aff 0px, #4CAF50 120px, #F44336 150px )"},"widgetSet":"basic"}] ```` `Aber das alleine bringt leider ohne die CSS Klasse nix.
Er scheint das MD Style von Uhula zu nutzen.
Anbei mal ein Auszug der CSS Klassen mit der Hoffnung das es reicht um bei dir den Effekt zu aktivieren.
! ````
.mdui-h-bargraph, .mdui-v-bargraph {
background-position : -1000px !important ;
background-repeat : no-repeat !important ;
box-shadow : 0 0 0 1000px rgba(255, 255, 255, 0.1) inset;
border : none !important ;
}
.mdui-h-bargraph > *, .mdui-v-bargraph > * {
background-image : inherit !important ;
}
.mdui-h-bargraph:after, .mdui-v-bargraph:after {
content : "";
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-image : inherit !important ;
opacity : 0.100000001490116119384765625;
}
.mdui-h-bargraph.mdui-segment-10 {
clip-path : polygon(0% 100%,0% 0%,9% 0%,9% 100%,10% 100%,10% 0%,19% 0%,19% 100%,20% 100%,20% 0%,29% 0%,29% 100%,30% 100%,30% 0%,39% 0%,39% 100%,40% 100%,40% 0%,49% 0%,49% 100%,50% 100%,50% 0%,59% 0%,59% 100%,60% 100%,60% 0%,69% 0%,69% 100%,70% 100%,70% 0%,79% 0%,79% 100%,80% 100%,80% 0%,89% 0%,89% 100%,90% 100%,90% 0%,100% 0%,100% 100%);
}
.mdui-h-bargraph.mdui-triangle {
clip-path : polygon(0% 40%,100% 0%,100% 100%,0% 60%);
}
.mdui-h-bargraph.mdui-ramp {
clip-path : polygon(0% 80%,100% 0%,100% 100%,0% 100%);
}
.mdui-h-bargraph.mdui-segment-10.mdui-ramp {
clip-path : polygon(9% 100%,9% 71%,0% 80%,0% 100%,19% 100%,19% 63%,10% 72%,10% 100%,29% 100%,29% 55%,20% 64%,20% 100%,39% 100%,39% 47%,30% 56%,30% 100%,49% 100%,49% 39%,40% 48%,40% 100%,59% 100%,59% 31%,50% 40%,50% 100%,69% 100%,69% 23%,60% 32%,60% 100%,79% 100%,79% 15%,70% 24%,70% 100%,89% 100%,89% 7%,80% 16%,80% 100%,100% 100%,100% 0%,90% 8%,90% 100%);
}
.mdui-h-bargraph.mdui-segment-10.mdui-triangle {
clip-path : polygon(9% 37%,9% 63%,0% 60%,0% 40%,19% 33%,19% 67%,10% 64%,10% 36%,29% 29%,29% 71%,20% 68%,20% 32%,39% 25%,39% 75%,30% 72%,30% 28%,49% 21%,49% 79%,40% 76%,40% 24%,59% 17%,59% 83%,50% 80%,50% 20%,69% 13%,69% 87%,60% 84%,60% 16%,79% 9%,79% 91%,70% 88%,70% 12%,89% 5%,89% 95%,80% 92%,80% 8%,100% 0%,100% 100%,90% 96%,90% 4%);
}Diesen Code bitte unter CSS im Vis Projekt einfügen -
Die oberen Button sind nun durchsichtig und die Schrift genau über die der unteren Button gelegt. `
Hallo AxelF1977,
wie hast du denn die oberen Buttons durchsichtig bekommen? Unter background -color "transparent" einzutragen bringt leider nicht, der Button interessiert sich nicht für die Werte, welche ich hier eintrage
