vis-inventwo Farbe bei aktiv ohne Rahmen

Sebart78

Liebe Community,

leider muss ich euch doch mal belästigen, weil ich mir an einer vermeindlich ganz einfachen Sache die Zähne ausbeiße.
Ich nutze Vis-2 mit vis-inventwo Widgets, im konkreten Fall das Universal-Widget.

Was möchte ich?
Ich nutze das Universal um einen HomeaticIP-Rollladenaktor zu steuern. Ich möchte, daß wenn sich der Rollladen bewegt, das Widget eine andere Farbe annimmt und wenn der Rollladen steht, wieder die Ursprungsfarbe zeigt.

Was habe ich gemacht?
Gefühlt alle Möglilchkeiten probiert, die es gibt. Das noch beste Ergebnis liefern mir Bindings in "CSS inventwo Widget-Hintergrund-Farbe Aktiv" und "CSS Hintergrund background-color".

[
  {
    "tpl": "i-vis-universal",
    "data": {
      "bindings": [
        "iButtonActive"
      ],
      "iUniversalWidgetType": "State",
      "g_common": true,
      "oid": "hm-rpc.0.001118A993AB44.4.LEVEL",
      "iValueType": "boolean",
      "iValueComparison": "equal",
      "iStateResponseTime": "0",
      "iStateResetValueTime": "0",
      "iNavWait": "100",
      "iHttpType": "iSend",
      "iPopUpBackground": "",
      "iPopUpPreventClickOutside": "",
      "iPopUpShowTitle": true,
      "iPopUpTitle": "",
      "iPopUpTitleColor": "#ffffff",
      "iPopUpCloseBtnColor": "",
      "iPopUpWidth": "800px",
      "iPopUpHeight": "500px",
      "iPopUpHeightTitle": "50",
      "iPopUpTitleSize": 30,
      "iPopUpPosition": "center",
      "iPopUpPositionX": "0",
      "iPopUpPositionY": "0",
      "iPopUpCloseAfterSeconds": "0",
      "iPopUpCornerRadiusUL": "12",
      "iPopUpCornerRadiusUR": 12,
      "iPopUpCornerRadiusLR": "12",
      "iPopUpCornerRadiusLL": 12,
      "iPopUpShadowXOffset": "2",
      "iPopUpShadowYOffset": "2",
      "iPopUpShadowBlur": "2",
      "iPopUpShadowSpread": "1",
      "iPopUpShadowColor": "",
      "iButtonCol": "",
      "g_i-css": true,
      "iButtonActive": "{bt:hm-rpc.0.001118A993AB44.3.PROCESS;bt == \"1\" ? \"#33cc33\" :\"#FF0000\"}",
      "iButtonColHover": "",
      "iOpacityBack": 1,
      "iCornerRadiusUL": "12",
      "iCornerRadiusUR": 12,
      "iCornerRadiusLR": "12",
      "iCornerRadiusLL": 12,
      "iContentFlexDirection": "vertical",
      "iContentVertAlign": "iCenter",
      "iContentOrder": "orderImgText",
      "iOpacityCtn": "1",
      "iContentType": "image",
      "iTextColor": "#ffffff",
      "iTextColorActive": "#ffffff",
      "iTextSize": 19,
      "iTextAlign": "iCenter",
      "iTextDecoration": "none",
      "iTextSpaceTop": "0",
      "iTextSpaceBottom": "0",
      "iTextSpaceLeft": "0",
      "iTextSpaceRight": "0",
      "iIconSize": "35",
      "iImgAlign": "iCenter",
      "iImgSpaceTop": "5",
      "iImgSpaceBottom": "0",
      "iImgSpaceLeft": "0",
      "iImgSpaceRight": "0",
      "iImgRotation": "0",
      "iImgBlinkFalse": "0",
      "iImgBlinkTrue": "0",
      "iImgColorFalse": "",
      "iImgColorTrue": "",
      "iImgClockFace": "01",
      "iImgClockHands": "01",
      "iImgClockShowBorder": "1",
      "iImgColorClockFace": "#ffffff",
      "iImgColorHands": "#ffffff",
      "iImgColorHandSecond": "#ff0000",
      "iClockShowSeconds": "",
      "iClockTimezone": "Europe/Berlin",
      "iHtmlTextFieldFalse": "",
      "iHtmlTextFieldTrue": "",
      "iShadowXOffset": "2",
      "iShadowYOffset": "2",
      "iShadowBlur": "2",
      "iShadowSpread": "1",
      "iShadowColor": "#111111",
      "iShadowColorActive": "#111111",
      "iShadowColorHover": "",
      "iShadowInnerXOffset": "0",
      "iShadowInnerYOffset": "0",
      "iShadowInnerBlur": "0",
      "iShadowInnerSpread": "0",
      "iShadowInnerColor": "#111111",
      "iShadowInnerColorActive": "#111111",
      "iShadowInnerColorHover": "",
      "iShadowTextXOffset": "0",
      "iShadowTextYOffset": "0",
      "iShadowTextBlur": "0",
      "iShadowTextColor": "#111111",
      "iShadowTextColorActive": "#111111",
      "iBorderSize": "0",
      "iBorderStyle": "none",
      "iBorderColor": "#ffffff",
      "iBorderColorActive": "#ffffff",
      "iBorderColorHover": "",
      "iTextFalse": "100% öffnen",
      "iTextTrue": "100% öffnen",
      "name": null,
      "comment": null,
      "class": "mein-3d-taster",
      "filterkey": null,
      "multi-views": null,
      "locked": null,
      "g_fixed": true,
      "visibility-oid": "0_userdata.0.Popup-Rollladen-Schlafzimmer",
      "visibility-cond": "==",
      "visibility-val": 1,
      "visibility-groups": null,
      "visibility-groups-action": "hide",
      "g_visibility": true,
      "value": "100",
      "iImageFalse": "../vis-icontwo/Doors_Windows/Shutter/blinds2_0.png",
      "iImageTrue": "../vis-icontwo/Doors_Windows/Shutter/blinds2_0.png",
      "iFlipImage": false,
      "iImgColorInvertFalse": true,
      "iImgColorInvertTrue": true,
      "g_css_background": true
    },
    "style": {
      "bindings": [
        "background-color"
      ],
      "left": 801,
      "top": 12,
      "width": "112px",
      "height": "112px",
      "z-index": 3,
      "background-color": "{bt:hm-rpc.0.001118A993AB44.3.PROCESS;bt == \"1\" ? \"#33cc33\" :\"#FF0000\"}"
    },
    "widgetSet": "vis-inventwo",
    "_id": "i000001"
  }
]

Wo ist das Problem?
Es sieht so aus, als würden zwei Widgets übereinander liegen, eines mit runden Ecken im Vordergrund und ein eckiges im Hintergrund:

Ich will natürlich nur das mit den runden Ecken sehen.

Die für mich logischste Variante wäre das Weglassen vom Binding bei CSS Hintergrund background-color, aber wenn ich das mache, wird das ganze Widget transparent und ändert seine Farbe gar nicht. Ich habe schon sämtliche Kombinationen aus "CSS inventwo Widget-Hintergrund-Farbe Aktiv", "CSS inventwo Widget-Hintergrund-Farbe" und "CSS Hintergrund background-color" ohne Erfolg ausprobiert.

Höchstwahrscheinlich ist es ganz einfach und ich habe mich nur völlig verrannt. Ich hoffe also auf einen heißen Tipp von euch

sigi234

ki modus von google mal befragt

Das Problem liegt an zwei Stellen: dem verwendeten Datenpunkt und dem Format der Binding-Formel für Vis-2 / inventwo.Der Datenpunkt PROCESS (Kanal 3) zeigt bei Homematic IP meist nur an, ob die CCU gerade ein Funktelegramm verarbeitet. Um die tatsächliche Fahrt des Rollladens abzugreifen, müssen Sie den Datenpunkt ACTIVITY (Kanal 3) auswerten. Dieser nimmt den Wert 1 (aufwärts), 2 (abwärts) oder 3 (stabil/gestoppt) an. Alternativ gibt es in Kanal 3 oft auch einen Datenpunkt DIRECTION (0=Stop, 1=Hoch, 2=Runter, 3=Undefined).Zudem ist das von Ihnen genutzte Binding-Format {bt:...} veraltet oder fehlerhaft formatiert. In Vis-2 nutzt man das Standard-ioBroker-Binding.

Sebart78

Hallo Sigi,

vielen Dank schon mal. Die KI haben ich schon xmal befragt. Mit der drehe ich mich leider im Kreis. Sie bekommt das auch nicht in den Griff.
Wäre das grndsätzlich die korrekte Formatierung für das Binding?

{hm-rpc.0.001118A993AB44.3.ACTIVITY_STATE; !=3 ? #33cc33 : #FF0000}

Funktionieren tut es nämlich leider nicht. Auch wenn mein ursprünglicher Code veraltet sein mag, hat er ja grundsätzlich funktioniert. Beim Verfahren der rollladen hat sich die Farbe verändert. Ich bekomme nur die eckigen Rand nicht weg.

sigi234

@Sebart78

Nimmst du auch die Vis2 Inventwo Widgets? Wenn ja welche Version?

Ev. kann dir da @skvarel helfen.

skvarel

@Sebart78 .. das ist aber kein VIS2 Widget!

Bitte keine inventwo VIS1 Widget im VIS2 Adapter verwenden.

EDIT:

Erkennbar am "tpl: ..."

So sieht das bei unseren VIS2 Widgets aus:

 "tpl": "tplInventwoWidgetUniversal"

Bei dir steht:

    "tpl": "i-vis-universal"

Das ist aus dem VIS1 Widget Adapter!

skvarel

In der aktuellen Lastet gibt es jetzt auch Links zur Doku

Wer direkt zu der Doku möchte:

https://github.com/inventwo/ioBroker.vis-2-widgets-inventwo/tree/main/docs

Sebart78

Och nöööö Das kann doch nicht wahr sein! Ich bin so ein Rindviech !!!

Ihr hattet leider absolut recht - das war/ist ein Widget aus VIS1. Ich habe da vor langer Zeit mal mit angefangen mit 0,0 Ahnung, alles mögliche installiert, rumprobiert etc. Das ist noch ein Überbleibsel aus der Zeit, aber weil es meist funktioniert hat, habe ich es immer wieder kopiert. Inventwo design für VIS2 ist sogar installiert. Ich habe es nur nicht hergenommen.
Jetzt funktioniert es grundsätzlich . Muss mich nur noch ein bisschen damit beschäftigen.

Vielen Dank für eure Hilfe und noch mal sorry für den dummen Fehler

Community Forum

NEWS

vis-inventwo Farbe bei aktiv ohne Rahmen

Support us

452

32.9k

83.2k

1.3m