Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Schalter & Taster VIS-2

    NEWS

    • Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Schalter & Taster VIS-2

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      tourer4778 last edited by

      Hallo,
      in meiner VIS-2-Ansicht nutze ich aktuell noch einige Widgets aus der alten VIS, zum Beispiel den „Button Toggle vertical“ aus dem Material Design-Paket.
      Diese funktionieren zwar grundsätzlich noch, verursachen jedoch immer wieder Fehlermeldungen, die ich nun nach und nach beseitigen möchte.

      In meiner VIS-2 verwende ich einfache Schalter, die je nach Schaltzustand ihre Farbe ändern.
      Welches aktuelle Widget eignet sich dafür am besten? Ich habe mir bereits alle verfügbaren Widgets angesehen, konnte aber keine passende Alternative finden.

      Außerdem noch eine Frage: Die Widgeteria lässt sich bei mir nicht öffnen, funktioniert sie derzeit generell nicht?

      Beispiel
      41444749-3863-4da1-bc37-383a5b12e13f-grafik.png
      89bb888e-f9f6-43d1-ab5e-5499abd11606-grafik.png

      sigi234 carsten04 2 Replies Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @tourer4778 last edited by sigi234

        @tourer4778 sagte in Schalter & Taster VIS-2:

        Hallo,
        in meiner VIS-2-Ansicht nutze ich aktuell noch einige Widgets aus der alten VIS, zum Beispiel den „Button Toggle vertical“ aus dem Material Design-Paket.

        Fehler:

        https://forum.iobroker.net/topic/74773/vis-vis-2-übersicht-widgetkompatibilität?_=1760509476090

        Diese funktionieren zwar grundsätzlich noch, verursachen jedoch immer wieder Fehlermeldungen, die ich nun nach und nach beseitigen möchte.

        In meiner VIS-2 verwende ich einfache Schalter, die je nach Schaltzustand ihre Farbe ändern.
        Welches aktuelle Widget eignet sich dafür am besten? Ich habe mir bereits alle verfügbaren Widgets angesehen, konnte aber keine passende Alternative finden.

        Screenshot (1325).png

        Zum Beispiel:

        Vis 2 inventwo Widgets

        Außerdem noch eine Frage: Die Widgeteria lässt sich bei mir nicht öffnen, funktioniert sie derzeit generell nicht?

        Fehler ist bekannt

        https://github.com/ioBroker/ioBroker.vis-2/issues/462

        sigi2345 created this issue in ioBroker/ioBroker.vis-2

        open [bug]: Widgeteria wird nicht geöffnet #462

        T 1 Reply Last reply Reply Quote 0
        • T
          tourer4778 @sigi234 last edited by

          @sigi234 sagte in Schalter & Taster VIS-2:

          Zum Beispiel:

          Vis 2 inventwo Widgets

          Wi ebekomme ich das Schaltersymbol weg?

          sigi234 1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @tourer4778 last edited by

            @tourer4778 sagte in Schalter & Taster VIS-2:

            @sigi234 sagte in Schalter & Taster VIS-2:

            Zum Beispiel:

            Vis 2 inventwo Widgets

            Wi ebekomme ich das Schaltersymbol weg?

            Screenshot bitte

            T 1 Reply Last reply Reply Quote 0
            • T
              tourer4778 @sigi234 last edited by

              @sigi234

              2abab2dc-3e4d-4aba-9c57-de527edacf15-grafik.png

              476e2e93-fc42-483b-9978-0a8612a60cf0-grafik.png

              1 Reply Last reply Reply Quote 0
              • carsten04
                carsten04 Developer @tourer4778 last edited by

                @tourer4778 sagte in Schalter & Taster VIS-2:

                Hallo,
                in meiner VIS-2-Ansicht nutze ich aktuell noch einige Widgets aus der alten VIS, zum Beispiel den „Button Toggle vertical“ aus dem Material Design-Paket.
                Diese funktionieren zwar grundsätzlich noch, verursachen jedoch immer wieder Fehlermeldungen, die ich nun nach und nach beseitigen möchte.

                In meiner VIS-2 verwende ich einfache Schalter, die je nach Schaltzustand ihre Farbe ändern.
                Welches aktuelle Widget eignet sich dafür am besten? Ich habe mir bereits alle verfügbaren Widgets angesehen, konnte aber keine passende Alternative finden.

                Außerdem noch eine Frage: Die Widgeteria lässt sich bei mir nicht öffnen, funktioniert sie derzeit generell nicht?

                Beispiel
                41444749-3863-4da1-bc37-383a5b12e13f-grafik.png
                89bb888e-f9f6-43d1-ab5e-5499abd11606-grafik.png

                Für sowas kannst Du auch die vis-2-widgets-collection nutzen.

                T 1 Reply Last reply Reply Quote 0
                • T
                  tourer4778 @carsten04 last edited by

                  @carsten04

                  Wenn ich das richtig sehe, kann ich da auch nur mit Icons arbeiten.
                  Bei dem alten Button fand ich es toll, das ich nur die Farben angeben musste.
                  c1901540-32a8-4949-934b-0cb73ad2336a-grafik.png c6c6f3aa-7d33-4276-a832-6c234cbbcff2-grafik.png

                  sigi234 carsten04 2 Replies Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @tourer4778 last edited by sigi234

                    @tourer4778

                    Willst du auch schalten oder nur eine Anzeige ?

                    T 1 Reply Last reply Reply Quote 0
                    • T
                      tourer4778 @sigi234 last edited by tourer4778

                      @sigi234
                      Schalten und den Schaltzustand anzeigen.

                      Ich wusste nicht, das es in VIS-2 so schwer ist, ein Button einzubinden, der nur die Farbe ändert, je nach Zustand.

                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @tourer4778 last edited by

                        @tourer4778 sagte in Schalter & Taster VIS-2:

                        @sigi234
                        Schalten und den Schaltzustand anzeigen.

                        Ich wusste nicht, das es in VIS-2 so schwer ist, ein Button einzubinden, der nur die Farbe ändert, je nach Zustand.

                        [
                          {
                            "tpl": "tplInventwoWidgetUniversal",
                            "data": {
                              "bindings": [],
                              "type": "switch",
                              "g_common": true,
                              "mode": "singleButton",
                              "direction": "column",
                              "oid": "0_userdata.0.ON_OFF",
                              "httpType": "send",
                              "buttonSize": 41,
                              "btnSpacing": 10,
                              "countStates": 2,
                              "buttonHoldValue": false,
                              "dialogWidth": 500,
                              "g_attr_group_type_view_in_dialog": true,
                              "dialogHeight": 300,
                              "dialogPadding": 10,
                              "dialogBackground": "rgb(18, 18, 18)",
                              "dialogTitleColor": "rgb(255,255,255)",
                              "dialogTitleSize": 20,
                              "dialogCloseButtonBackground": "rgba(255,255,255,0)",
                              "dialogCloseButtonColor": "rgba(255,255,255,1)",
                              "dialogCloseButtonSize": 14,
                              "dialogBorderRadiusTopLeft": 12,
                              "dialogBorderRadiusTopRight": 0,
                              "dialogBorderRadiusBottomRight": 12,
                              "dialogBorderRadiusBottomLeft": 0,
                              "clickThrough": false,
                              "g_attr_group_click_feedback": true,
                              "feedbackDuration": 0,
                              "backgroundFeedback": "",
                              "outerShadowColorFeedback": "rgba(0, 0, 0, 1)",
                              "contentBlinkInterval": 0,
                              "g_attr_group_state_default": true,
                              "outerShadowColor": "",
                              "colorPickerColorModel": "hex",
                              "g_attr_content_color_picker": true,
                              "colorPickerWidth": 200,
                              "colorPickerHandleSize": 8,
                              "colorPickerHandleMargin": 6,
                              "colorPickerComponentsSpace": 12,
                              "colorPickerDirection": "vertical",
                              "colorPickerBorderWidth": 0,
                              "colorPickerShowWheel": true,
                              "colorPickerShowSaturation": true,
                              "colorPickerShowValue": true,
                              "textDecoration": "none",
                              "g_attr_group_css_text": true,
                              "textMarginTop": 0,
                              "textMarginBottom": 0,
                              "textMarginLeft": 0,
                              "textMarginRight": 0,
                              "contentType": "html",
                              "g_attr_group_css_content": true,
                              "contentMarginTop": 0,
                              "contentMarginBottom": 0,
                              "contentMarginLeft": 0,
                              "contentMarginRight": 0,
                              "contentSize": 0,
                              "contentRotation": 0,
                              "contentMirror": false,
                              "flexDirection": "row",
                              "g_attr_group_css_alignment": true,
                              "alignItems": "center",
                              "textAlign": "center",
                              "contentAlign": "center",
                              "backgroundOpacity": 1,
                              "g_attr_group_css_transparency": true,
                              "contentOpacity": 1,
                              "paddingLeft": 0,
                              "g_attr_group_css_spacing": true,
                              "paddingRight": 0,
                              "paddingTop": 0,
                              "paddingBottom": 0,
                              "borderRadiusTopLeft": 0,
                              "g_attr_group_css_border_radius": true,
                              "borderRadiusTopRight": 0,
                              "borderRadiusBottomRight": 0,
                              "borderRadiusBottomLeft": 0,
                              "borderSizeTop": 0,
                              "g_attr_group_css_border": true,
                              "borderSizeBottom": 0,
                              "borderSizeLeft": 0,
                              "borderSizeRight": 0,
                              "borderStyle": "none",
                              "outerShadowX": 0,
                              "g_attr_group_css_outer_shadow": true,
                              "outerShadowY": 0,
                              "outerShadowBlur": 0,
                              "outerShadowSize": 0,
                              "innerShadowX": 0,
                              "g_attr_group_css_inner_shadow": true,
                              "innerShadowY": 0,
                              "innerShadowBlur": 0,
                              "innerShadowSize": 0,
                              "undefined1": null,
                              "compareBy1": "default",
                              "oid1": "0_userdata.0.ON_OFF",
                              "comparisonOperator1": "===",
                              "value1": "false",
                              "view1": null,
                              "text1": "LICHT 1 OFF",
                              "textTrue1": "LICHT 1 ON",
                              "icon1": null,
                              "iconTrue1": null,
                              "image1": null,
                              "imageTrue1": null,
                              "html1": null,
                              "htmlTrue1": null,
                              "viewInWidget1": null,
                              "viewInWidgetTrue1": null,
                              "contentBlinkInterval1": null,
                              "stateColorsStyleFromWidget1": null,
                              "contentColor1": "",
                              "contentColorTrue1": "",
                              "background1": "rgba(249,33,16,1)",
                              "backgroundTrue1": "rgba(6,241,71,1)",
                              "textColor1": "rgba(0,0,0,1)",
                              "textColorTrue1": "rgba(0,0,0,1)",
                              "borderColor1": null,
                              "borderColorTrue1": null,
                              "outerShadowColor1": "rgb(0,0,0)",
                              "outerShadowColorTrue1": "rgb(0,0,0)",
                              "innerShadowColor1": null,
                              "innerShadowColorTrue1": null,
                              "contentSize1": null,
                              "g_countStates-1": true,
                              "valueFalse": "false",
                              "valueTrue": "true",
                              "undefined2": null,
                              "compareBy2": "default",
                              "oid2": "0_userdata.0.ON_OFF",
                              "comparisonOperator2": "===",
                              "value2": "true",
                              "view2": null,
                              "text2": "LICHT 1 ON",
                              "textTrue2": null,
                              "icon2": null,
                              "iconTrue2": null,
                              "image2": null,
                              "imageTrue2": null,
                              "html2": null,
                              "htmlTrue2": null,
                              "viewInWidget2": null,
                              "viewInWidgetTrue2": null,
                              "contentBlinkInterval2": 0,
                              "stateColorsStyleFromWidget2": null,
                              "contentColor2": null,
                              "contentColorTrue2": null,
                              "background2": "rgba(33,234,2,1)",
                              "backgroundTrue2": "rgb(69,86,24)",
                              "textColor2": "rgba(2,2,2,1)",
                              "textColorTrue2": null,
                              "borderColor2": null,
                              "borderColorTrue2": null,
                              "outerShadowColor2": "rgb(0,0,0)",
                              "outerShadowColorTrue2": "rgb(0,0,0)",
                              "innerShadowColor2": null,
                              "innerShadowColorTrue2": null,
                              "contentSize2": 0,
                              "g_countStates-2": true
                            },
                            "style": {
                              "bindings": [],
                              "left": "964px",
                              "top": "50px",
                              "width": "177px",
                              "height": "52px",
                              "position": "absolute",
                              "overflow": "visible",
                              "z-index": "4"
                            },
                            "widgetSet": "vis-2-widgets-inventwo",
                            "_id": "i000001"
                          }
                        ]
                        

                        Objekt ID's anpassen.

                        1 Reply Last reply Reply Quote 0
                        • carsten04
                          carsten04 Developer @tourer4778 last edited by

                          @tourer4778 sagte in Schalter & Taster VIS-2:

                          @carsten04

                          Wenn ich das richtig sehe, kann ich da auch nur mit Icons arbeiten.
                          Bei dem alten Button fand ich es toll, das ich nur die Farben angeben musste.
                          c1901540-32a8-4949-934b-0cb73ad2336a-grafik.png c6c6f3aa-7d33-4276-a832-6c234cbbcff2-grafik.png

                          Dann lass die Icons doch einfach weg.

                          schalter_demo.gif

                          T 1 Reply Last reply Reply Quote 0
                          • T
                            tourer4778 @carsten04 last edited by

                            @carsten04
                            Das bekomme ich irgendwie nicht hin, kannst du mir das Wiget mal Exportieren?

                            carsten04 1 Reply Last reply Reply Quote 0
                            • carsten04
                              carsten04 Developer @tourer4778 last edited by carsten04

                              @tourer4778 sagte in Schalter & Taster VIS-2:

                              @carsten04
                              Das bekomme ich irgendwie nicht hin, kannst du mir das Wiget mal Exportieren?

                              [
                                {
                                  "tpl": "tplStateCollectionWidget",
                                  "data": {
                                    "bindings": [],
                                    "iconXOffset": "0px",
                                    "g_common": true,
                                    "iconYOffset": "0px",
                                    "noHeaderIcon": false,
                                    "header": "",
                                    "footer": "",
                                    "basePadding": 1,
                                    "baseElevation": 4,
                                    "oid": "0_userdata.0.example_state",
                                    "unit": "",
                                    "g_button": true,
                                    "values_count": 2,
                                    "sampleInterval": false,
                                    "sampleIntervalValue": 200,
                                    "delay": 300,
                                    "onlyStates": true,
                                    "statePushButton": false,
                                    "onlyDisplay": false,
                                    "oidType": "boolean",
                                    "write": true,
                                    "minValue": 0,
                                    "maxValue": 100,
                                    "icon": "",
                                    "value1": true,
                                    "alias1": "Licht",
                                    "value2": false,
                                    "alias2": "Licht",
                                    "noHeader": true,
                                    "noFooter": true,
                                    "backgroundColor1": "rgba(24,195,17,1)",
                                    "backgroundColor2": "rgba(201,17,37,1)",
                                    "valueSize": 289,
                                    "outlined": false,
                                    "outlinedFrame": true,
                                    "frameBackgroundColor2": "",
                                    "ellipse": false,
                                    "circle": false
                                  },
                                  "style": {
                                    "bindings": [],
                                    "left": "122px",
                                    "top": "104px",
                                    "width": "126.962px",
                                    "height": "71.9292px",
                                    "position": ""
                                  },
                                  "widgetSet": "vis-2-widgets-collection",
                                  "_id": "i000001"
                                }
                              ]
                              

                              HIER findest Du zu den Widgets viele Infos, die Dir ggf. noch wieter helfen können.

                              T 1 Reply Last reply Reply Quote 0
                              • T
                                tourer4778 @carsten04 last edited by

                                @carsten04
                                super, danke dir / euch, ich denke, das ist genau das, was ich brauche.

                                1 Reply Last reply Reply Quote 0
                                • First post
                                  Last post

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                878
                                Online

                                32.3k
                                Users

                                81.0k
                                Topics

                                1.3m
                                Posts

                                3
                                14
                                197
                                Loading More Posts
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes
                                Reply
                                • Reply as topic
                                Log in to reply
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                The ioBroker Community 2014-2023
                                logo