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 @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

                            502
                            Online

                            32.3k
                            Users

                            81.0k
                            Topics

                            1.3m
                            Posts

                            3
                            14
                            201
                            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