Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vis mit Top-App und Button steuern

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Vis mit Top-App und Button steuern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
11 Beiträge 4 Kommentatoren 1.4k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L Offline
    L Offline
    Langer
    schrieb am zuletzt editiert von
    #1

    Guten Morgen,
    stehe momentan komplett auf dem Schlauch.

    Hier meine View:
    EG.png

    Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
    Rote 2: View in Widget 8
    Rote 3: Wunsch meiner bessern Hälfte.

    Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.

    Wie bekommt man das hin?

    Habe gesucht, probiert aber nichts hat funktioniert.

    MfG
    Wastl

    bahnuhrB GlasfaserG 2 Antworten Letzte Antwort
    0
    • L Langer

      Guten Morgen,
      stehe momentan komplett auf dem Schlauch.

      Hier meine View:
      EG.png

      Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
      Rote 2: View in Widget 8
      Rote 3: Wunsch meiner bessern Hälfte.

      Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.

      Wie bekommt man das hin?

      Habe gesucht, probiert aber nichts hat funktioniert.

      MfG
      Wastl

      bahnuhrB Online
      bahnuhrB Online
      bahnuhr
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #2

      @langer sagte in Vis mit Top-App und Button steuern:

      Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben,

      Dann nehme doch dort auch das Widget "bars-views bar"

      Auf meiner Hauptseite schalte ich auf "Etagen"
      abd3a1e2-b70d-43b2-aa01-0691f290facb-image.png

      Und dann auf der Seite Etagen kann ich schalten zwischen Obergeschoss, Erdgeschoss, und Keller
      df8c5fe4-8fbc-4749-a987-1692837a0483-image.png


      Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
      Danke.
      gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
      ScreenToGif :https://www.screentogif.com/downloads.html

      1 Antwort Letzte Antwort
      0
      • L Langer

        Guten Morgen,
        stehe momentan komplett auf dem Schlauch.

        Hier meine View:
        EG.png

        Rote 1: Haupt-View mit Top-App Menü und Info-Kopf
        Rote 2: View in Widget 8
        Rote 3: Wunsch meiner bessern Hälfte.

        Alle Views lassen sich über die Top-App aufrufen, alles funktioniert. Nun möchte meine Frau, bei zB. "Etagen" auf der View eine Button-Auswahl haben, mit der sie "Keller, EG, usw.", ohne wieder über die Top-App zugehen, umschalten kann.

        Wie bekommt man das hin?

        Habe gesucht, probiert aber nichts hat funktioniert.

        MfG
        Wastl

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #3

        @langer sagte in Vis mit Top-App und Button steuern:

        ohne wieder über die Top-App zugehen, umschalten kann.

        Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
        ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
        und dort die Werte von deinem View´s angeben 0 ... bis .... .

        Oder du kannst auch ein List Widget nehmen , nur für die Etagenauswahl

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        L 1 Antwort Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @langer sagte in Vis mit Top-App und Button steuern:

          ohne wieder über die Top-App zugehen, umschalten kann.

          Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
          ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
          und dort die Werte von deinem View´s angeben 0 ... bis .... .

          Oder du kannst auch ein List Widget nehmen , nur für die Etagenauswahl

          L Offline
          L Offline
          Langer
          schrieb am zuletzt editiert von
          #4

          @glasfaser

          Danke für die Antwort, würden wir dies über Skype machen, könntest Du mich mitterschwer erschüttert sehen.

          Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
          Indexseite = View mit der Top-App und dem Info-Kopf oder Keller-View?

          ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
          Wo bekomme ich den "den gemeinsamen Datenpunkt" her?

          und dort die Werte von deinem View´s angeben 0 ... bis .... .
          Was ist der Wert der View?

          Könntest Du mir das an Hand eines Beispiels Erläutern?

          MfG
          Wastl

          GlasfaserG 1 Antwort Letzte Antwort
          0
          • L Langer

            @glasfaser

            Danke für die Antwort, würden wir dies über Skype machen, könntest Du mich mitterschwer erschüttert sehen.

            Einen Button nehmen ( Beschriftung Keller ) diesen auf die Indexseite legen ,
            Indexseite = View mit der Top-App und dem Info-Kopf oder Keller-View?

            ihm den gemeinsamen Datenpunkt zuweisen (TopAppBar / View in Widget 8 )
            Wo bekomme ich den "den gemeinsamen Datenpunkt" her?

            und dort die Werte von deinem View´s angeben 0 ... bis .... .
            Was ist der Wert der View?

            Könntest Du mir das an Hand eines Beispiels Erläutern?

            MfG
            Wastl

            GlasfaserG Offline
            GlasfaserG Offline
            Glasfaser
            schrieb am zuletzt editiert von
            #5

            @langer sagte in Vis mit Top-App und Button steuern:

            Könntest Du mir das an Hand eines Beispiels Erläutern?

            Ich kann dir gerne ein paar Beispiel Button´s fertig machen , aber leider erst heute Abend bin gerade unterwegs .

            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

            L 1 Antwort Letzte Antwort
            0
            • GlasfaserG Glasfaser

              @langer sagte in Vis mit Top-App und Button steuern:

              Könntest Du mir das an Hand eines Beispiels Erläutern?

              Ich kann dir gerne ein paar Beispiel Button´s fertig machen , aber leider erst heute Abend bin gerade unterwegs .

              L Offline
              L Offline
              Langer
              schrieb am zuletzt editiert von
              #6

              @glasfaser

              Danke

              MfG
              Wastl

              GlasfaserG 1 Antwort Letzte Antwort
              0
              • L Langer

                @glasfaser

                Danke

                MfG
                Wastl

                GlasfaserG Offline
                GlasfaserG Offline
                Glasfaser
                schrieb am zuletzt editiert von Glasfaser
                #7

                @langer

                1.JPG

                Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen

                [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"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":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":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,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":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,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]
                

                In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
                Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .

                Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten

                TopAppBar

                2.JPG

                View in Widget 8

                4.JPG

                5.JPG

                6.JPG

                BUTTON für Viewwechsel

                1111111.JPG

                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                L Frank ZoellnerF 2 Antworten Letzte Antwort
                0
                • GlasfaserG Glasfaser

                  @langer

                  1.JPG

                  Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen

                  [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"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":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":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,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":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,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]
                  

                  In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
                  Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .

                  Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten

                  TopAppBar

                  2.JPG

                  View in Widget 8

                  4.JPG

                  5.JPG

                  6.JPG

                  BUTTON für Viewwechsel

                  1111111.JPG

                  L Offline
                  L Offline
                  Langer
                  schrieb am zuletzt editiert von
                  #8

                  @glasfaser

                  Vielen Dank für Deine Mühe und Geduld!!!!

                  Am Wochenende werde ich mich damit beschäftige, ich hoffe sollte ich noch eine Frage haben, das ich mich nochmals melden kann.

                  Ansonsten schönes Wochenende!

                  Mfg
                  Wastl

                  1 Antwort Letzte Antwort
                  1
                  • GlasfaserG Glasfaser

                    @langer

                    1.JPG

                    Hier als sind alle Widget´s drin , als Beispiel , und diese dann auf deine Start/Index Seite einfügen

                    [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"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":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"inputPerEditor","countListItems":"6","vibrateOnMobilDevices":"50","listLayout":"standard","itemLayout":"horizontal","buttonLayout":"full","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":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,"maxItemsperRow":"8","json_string_oid":"","listType2":"buttonState","showValueLabel2":false,"oid0":"0_userdata.0.1","listTypeButtonStateValue0":"0","typeButtonToggleValueTrue0":"0","oid1":"0_userdata.0.1","lockEnabled0":false,"label0":"Keller","listImage0":"information-outline","listImageActive0":"","statusBarColor0":"","subLabel0":"","listTypeButtonStateValue1":"1","typeButtonToggleValueTrue1":"1","label1":"Erdgeschoß","listImageActive1":"","itemGaps":"1","listType3":"buttonState","showValueLabel3":false,"oid2":"0_userdata.0.1","oid3":"0_userdata.0.1","statusBarColor1":"","statusBarColor2":"","statusBarColor3":"","listImageActiveColor1":"","label2":"Flur ","listTypeButtonStateValue2":"2","typeButtonToggleValueTrue2":"2","listImage2":"alarm-light-outline","listImageActive2":"","listImage3":"information-outline","listImageActive3":"","listTypeButtonStateValue3":"3","typeButtonToggleValueTrue3":"3","label3":"1.OG","iconHeight":"20","typeButtonToggleValueFalse0":"0","typeButtonToggleValueFalse1":"1","typeButtonToggleValueFalse2":"2","typeButtonToggleValueFalse3":"3","itemBackgroundColor":"#1F2129","verticalIconContainerHeight":"36","labelFontSize":"15","listImage1":"alert-octagon-outline","labelFontColor":"#ffffff","listImageColor0":"#10b800","listImageColor1":"#ffba05","listImageColor2":"#e91e01","g_lock":false,"autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listType4":"buttonState","showValueLabel4":false,"oid4":"0_userdata.0.1","listImage4":"information-outline","listImageColor4":"","label4":"Flur 1","listTypeButtonStateValue4":"4","typeButtonToggleValueTrue4":"4","typeButtonToggleValueFalse4":"4","listType5":"buttonState","showValueLabel5":false,"oid5":"0_userdata.0.1","typeButtonToggleValueTrue5":"5","typeButtonToggleValueFalse5":"5","listTypeButtonStateValue5":"5","label5":"DG","listType7":"text","showValueLabel7":"true","g_rows_§6":true,"listType6":"buttonState","showValueLabel6":false,"subLabelFontSize":"-7","listImageColor5":"#c403bd","listImage5":"information-outline","listImageColor3":"#e91e01","labelFontFamily":"Jura-DemiBold","titleLayout":"headline6","listImage6":"information-outline","listImageActive5":"","listImageColor6":"#10b800","label6":"Flur 2","oid6":"0_userdata.0.1","listTypeButtonStateValue6":"6","typeButtonToggleValueTrue6":"6","typeButtonToggleValueFalse6":"6","containerBackgroundColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.background;dark:vis-materialdesign.0.colors.dark.icon_list.background; mode === \"true\" ? dark : light}","buttonColorPress":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button_hover;dark:vis-materialdesign.0.colors.dark.icon_list.button_hover; mode === \"true\" ? dark : light}","subLabelFontFamily":"{vis-materialdesign.0.fonts.icon_list.subText}","subLabelFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.subText;dark:vis-materialdesign.0.colors.dark.icon_list.subText; mode === \"true\" ? dark : light}","valueFontSize":"{vis-materialdesign.0.fontSizes.icon_list.value}","valueFontFamily":"{vis-materialdesign.0.fonts.icon_list.value}","valueFontColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.value_text;dark:vis-materialdesign.0.colors.dark.icon_list.value_text; mode === \"true\" ? dark : light}","showScrollbar":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","colorBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === \"true\" ? dark : light}","colorTitleSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_title;dark:vis-materialdesign.0.colors.dark.card.background_title; mode === \"true\" ? dark : light}","colorTextSectionBackground":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background_body;dark:vis-materialdesign.0.colors.dark.card.background_body; mode === \"true\" ? dark : light}","colorTitle":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.title;dark:vis-materialdesign.0.colors.dark.card.title; mode === \"true\" ? dark : light}","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.lock_icon;dark:vis-materialdesign.0.colors.dark.icon_list.lock_icon; mode === \"true\" ? dark : light}","buttonBgColor0":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor1":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor2":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor3":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor4":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor5":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}","buttonBgColor6":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.icon_list.button;dark:vis-materialdesign.0.colors.dark.icon_list.button; mode === \"true\" ? dark : light}"},"style":{"left":"10px","top":"33px","z-index":"100","width":"937px","height":"54px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Keller","value":"0"},"style":{"left":"9px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State-vertical","data":{"oid":"0_userdata.0.1","g_fixed":false,"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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"{vis-materialdesign.0.fonts.button.vertical.text}","textFontSize":"{vis-materialdesign.0.fontSizes.button.vertical.text}","alignment":"center","mdwButtonPrimaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.primary;dark:vis-materialdesign.0.colors.dark.button.vertical.primary; mode === \"true\" ? dark : light}","mdwButtonSecondaryColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.vertical.secondary;dark:vis-materialdesign.0.colors.dark.button.vertical.secondary; mode === \"true\" ? dark : light}","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}","lockFilterGrayscale":"30","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,"buttontext":"Erdgeschoß","value":"1"},"style":{"left":"158px","top":"115px","background":"#1F2129","width":"131px","height":"38px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Select","data":{"oid":"0_userdata.0.1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"inputType":"text","inputLayout":"filled","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"6","listPosition":"bottom","showSelectedIcon":"no","showValue":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,"value6":"6","value7":"7","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","listPositionOffset":false,"inputTextFontFamily":"Jura-DemiBold","inputTextColor":"#fafafa","inputTextFontSize":"16","inputLabelColor":"#e6e6e6","inputLayoutBackgroundColor":"#1F2129","listItemBackgroundColor":"#1F2129","listItemBackgroundHoverColor":"#fff","listItemBackgroundSelectedColor":"#44739e","listItemFont":"Jura-DemiBold","listItemFontColor":"#fafafa","listItemFontSelectedColor":"#fff","listItemSubFont":"Jura-DemiBold","listItemSubFontColor":"#fff","listItemSubFontHoverColor":"#fff","listItemSubFontSelectedColor":"#fff","listItemFontSize":"16","listItemSubFontSize":"14","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"#e6e6e6","inputLabelFontFamily":"Jura-DemiBold","inputLabelFontSize":"22","inputAppendixColor":"#fff","inputMessageColor":"","listItemHeight":"12","listItemRippleEffectColor":"","listItemValueFontColor":"#fff","listItemValueFontHoverColor":"#fff","listItemValueFontSelectedColor":"#fff","label6":"Flur 2","label7":"Wallbox","label9":"8 Stunden","label10":"12 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","g_menuItems_§0":true,"g_menuItems_§1":true,"g_menuItems_§2":true,"g_menuItems_§3":true,"g_menuItems_§5":true,"g_menuItems_§14":false,"g_menuItems_§15":false,"g_menuItems_§16":false,"g_menuItems_§17":false,"g_menuItems_§18":false,"g_menuItems_§19":false,"g_menuItems_§20":false,"g_menuItems_§4":true,"inputTranslateX":"-16","inputTranslateY":"-12","value0":"0","label0":"Keller","value1":"1","label1":"Erdgeschoß","value2":"2","label2":"Flur","value3":"3","label3":"1. OG","value4":"4","label4":"Flur 1","value5":"5","label5":"DG","g_menuItems_§8":true,"value8":"7 days","label8":"7 Tage","vibrateOnMobilDevices":"50","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}"},"style":{"left":"12px","top":"182px","width":"177px","height":"60px","z-index":"100","color":"","border-radius":"4px","border-width":""},"widgetSet":"materialdesign"}]
                    

                    In der TopAppBar und im View in Widget 8 nutzt du einen gemeinsamen Datenpunkt , den einfach in das Widget als Datenpunkt zuweisen .
                    Die Umschaltung erfolgt ja mit den Werten 0 ..... bis . diese dann als Wert im Button hinterlegen für die jeweilige View .

                    Die Zuornung der Werte kannst du im Widget TopAppBar aktivieren , siehe unten

                    TopAppBar

                    2.JPG

                    View in Widget 8

                    4.JPG

                    5.JPG

                    6.JPG

                    BUTTON für Viewwechsel

                    1111111.JPG

                    Frank ZoellnerF Offline
                    Frank ZoellnerF Offline
                    Frank Zoellner
                    schrieb am zuletzt editiert von
                    #9

                    @glasfaser sagte in Vis mit Top-App und Button steuern:

                    Hallo,

                    ich habe versucht Dein Beispiel umzusetzen da ich sowers auch bei mir gebrauchen kann.
                    Sehe ich es richtig das die Buttons nicht auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?

                    GlasfaserG 1 Antwort Letzte Antwort
                    0
                    • Frank ZoellnerF Frank Zoellner

                      @glasfaser sagte in Vis mit Top-App und Button steuern:

                      Hallo,

                      ich habe versucht Dein Beispiel umzusetzen da ich sowers auch bei mir gebrauchen kann.
                      Sehe ich es richtig das die Buttons nicht auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #10

                      @frank-zoellner sagte in Vis mit Top-App und Button steuern:

                      auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?

                      Doch , auf den gemeinsamen Datenpunkt .

                      Mit dem Button steuerst du dann die 0.... 10 Beispielweise , so funktioniert auch dann der Viewwechsel im Widget 8

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      Frank ZoellnerF 1 Antwort Letzte Antwort
                      0
                      • GlasfaserG Glasfaser

                        @frank-zoellner sagte in Vis mit Top-App und Button steuern:

                        auf den gleichen Datenpunkt wie das Widget 8 und die top bar zeigen?

                        Doch , auf den gemeinsamen Datenpunkt .

                        Mit dem Button steuerst du dann die 0.... 10 Beispielweise , so funktioniert auch dann der Viewwechsel im Widget 8

                        Frank ZoellnerF Offline
                        Frank ZoellnerF Offline
                        Frank Zoellner
                        schrieb am zuletzt editiert von
                        #11

                        @glasfaser
                        ok danke, jetzt klappt's es war etwas anderes was nicht klappte, danke

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        687

                        Online

                        32.4k

                        Benutzer

                        81.5k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe