Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.2.x

NEWS

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

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

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

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 234.7k Views 79 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ScroungerS Scrounger

    @CKMartens
    version 0.2.10 ;)

    CKMartensC Offline
    CKMartensC Offline
    CKMartens
    wrote on last edited by
    #201

    @Scrounger
    So jetzt habsch die 0.2.12
    056d9a59-2abf-45cd-a969-9ca058302eed-image.png

    und es geht :+1:

    Danke schön

    1 Reply Last reply
    0
    • ScroungerS Scrounger

      @CKMartens
      version 0.2.10 ;)

      O Offline
      O Offline
      Oli
      wrote on last edited by
      #202

      @Scrounger

      geht das auch irgendwie mit den Farbei, wie beim ical Wiget, also einen Tag vorher orange und am gleichen Tag rot?

      Gruß
      Oliver

      ScroungerS 1 Reply Last reply
      0
      • dQeLseD Offline
        dQeLseD Offline
        dQeLse
        wrote on last edited by
        #203

        Ich versuche gerade Objekte innerhalb des Table Widgets anzuzeigen, aber bekomme es leider nicht hin.
        Kann man innerhalb des JSON Objektes für die Tabelle iobroker Objekte anzeigen? {objekt...} ?

        1 Reply Last reply
        0
        • O Oli

          @Scrounger

          geht das auch irgendwie mit den Farbei, wie beim ical Wiget, also einen Tag vorher orange und am gleichen Tag rot?

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          wrote on last edited by
          #204

          @Oli
          Nur wenn du dir das Objekt selbst per skript entsprechend aufbereitest

          @dQeLse:
          Aktuell nur mit ical Objekt, für den rest ist da noch ein Bug drin. Werd ich demnächst beheben.

          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

          1 Reply Last reply
          0
          • ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            wrote on last edited by Scrounger
            #205

            Hab nochmal eine sehr interessante API gefunden Vuetify, die einen vertikalen slider mitbringt:
            vertical_slider.gif

            Der vertikale slider funktioniert nur bei Phones & Tablets wenn er in einem nicht scrollbaren Fenster ist

            Das ist erstmal nur ein Test, ob ich diese Api auch implementiere steht noch nicht fest! Brauch feedback ob das bei Euch korrekt funktioniert.

            @dQeLse
            Objekt für table widget ist in dieser Version behoben

            Bitte testen -> aktuellen master ziehen (v0.2.13)

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            dQeLseD 1 Reply Last reply
            0
            • O Offline
              O Offline
              Oak
              wrote on last edited by
              #206

              Moin,

              Ich habe das Problem, dass das Widget nicht in der VIS App angezeigt wird.
              Rufe Ich die Oberfläche jedoch über PC oder Fully auf funktioniert das!
              Könnt Ihr mir helfen?

              D 1 Reply Last reply
              0
              • ScroungerS Scrounger

                Hab nochmal eine sehr interessante API gefunden Vuetify, die einen vertikalen slider mitbringt:
                vertical_slider.gif

                Der vertikale slider funktioniert nur bei Phones & Tablets wenn er in einem nicht scrollbaren Fenster ist

                Das ist erstmal nur ein Test, ob ich diese Api auch implementiere steht noch nicht fest! Brauch feedback ob das bei Euch korrekt funktioniert.

                @dQeLse
                Objekt für table widget ist in dieser Version behoben

                Bitte testen -> aktuellen master ziehen (v0.2.13)

                dQeLseD Offline
                dQeLseD Offline
                dQeLse
                wrote on last edited by
                #207

                @Scrounger aktuellen Master gezogen "v0.2.15" aber leider keine Änderung.
                Bildschirmfoto 2019-12-20 um 08.06.16.png Bildschirmfoto 2019-12-20 um 08.01.44.png

                anbei mal 2 Bilder alles noch Work in Progress.
                Man sieht aber das "Weihnachten in 5 Tagen" ersetzt wurde, der Rest leider nicht.

                ScroungerS 1 Reply Last reply
                0
                • dQeLseD Offline
                  dQeLseD Offline
                  dQeLse
                  wrote on last edited by
                  #208

                  Der vertikale Slider funktioniert bei mir gut, würde mich sehr freuen wenn du den implementieren würdest.
                  Wenn ja dann wäre es noch super wenn man die Skala drehen kann, also 0 oben nach unten zu 100 :)

                  1 Reply Last reply
                  0
                  • O Oak

                    Moin,

                    Ich habe das Problem, dass das Widget nicht in der VIS App angezeigt wird.
                    Rufe Ich die Oberfläche jedoch über PC oder Fully auf funktioniert das!
                    Könnt Ihr mir helfen?

                    D Offline
                    D Offline
                    davimas
                    wrote on last edited by davimas
                    #209

                    @Oak
                    Du meinst warscheinlich die Android App.
                    Dort funktionieren diese tollen neuen Widgets leider nicht :worried:

                    Sind nicht kompatibel. Müssten von den Machern der ioBroker VIS App "importiert" werden......

                    Ich nutze das derzeit über Umwege - ein Lesezeichen auf dem Startbildschirm. Die ganzen Views müssen so immer neu geladen werden, statt wie bei der App schon auf dem Handy vorhanden nach einem import/connect. Weiterer Vorteil der App - sie kann zwischen eigenem Netzwerk und Ausserhalb unterscheiden und startet die Verbindung so über Cloudmatic/VPN oder Direkt.

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      mrMuppet
                      wrote on last edited by
                      #210

                      Feature-Wunsch: "Chips" ... Die wären echt elegant für so Preset-Buttons.
                      5a5edf34-5521-462c-8123-8f4acfe77540-image.png

                      ioBroker auf NUC (Celeron mit Ubuntu-Server)

                      Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                      1 Reply Last reply
                      0
                      • MeistertrM Offline
                        MeistertrM Offline
                        Meistertr
                        Developer
                        wrote on last edited by Meistertr
                        #211

                        @Scrounger ich spiele gerade etwas mit dem Dialog herum dabei ist mit aufgefallen, wenn ich einen view einbinde der in der Höhe variable ist (ein/ausblenden von elementen) und mit der höhe auto arbeite passt der dialog sich zwar an, aber zeigt immer die scrollbar an und das zweite wenn ich im Title eine Varriable angebe schmiert das dialog komplett ab wenn sich der wert ändern.

                        edit: das mit der scrollbar ist jetzt komischerweise weg. was mir noch aufgefallen ist, dass die Texte im Dialog nach unten verschoben sind besonder in den buttons, die texte sind eigentlich zweizeilig im wie im Bild zu sehen.
                        2019-12-22_07h32_49.png

                        [{"tpl":"tplVis-materialdesign-Dialog-View","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","showInEditor":true,"showInCenterOfScreen":"true","z_index":"1000","title":"Lichter an  {javascript.0.Status.Lichter.Anzahl_ein} / {javascript.0.Status.Lichter.Anzahl}","buttonText":"close","vibrateOnMobilDevices":"50","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,"contains_view":"card_00_alllights","colorBackground":"#bdbdbd","showDialogOid":"alllights"},"style":{"left":"304px","top":"16px","width":"80%","height":"auto","overflow-y":""},"widgetSet":"materialdesign"}]
                        

                        2019-12-22_06h47_58.png

                        2019-12-22_06h48_52.png

                        1 Reply Last reply
                        0
                        • dQeLseD dQeLse

                          @Scrounger aktuellen Master gezogen "v0.2.15" aber leider keine Änderung.
                          Bildschirmfoto 2019-12-20 um 08.06.16.png Bildschirmfoto 2019-12-20 um 08.01.44.png

                          anbei mal 2 Bilder alles noch Work in Progress.
                          Man sieht aber das "Weihnachten in 5 Tagen" ersetzt wurde, der Rest leider nicht.

                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          wrote on last edited by
                          #212

                          @dQeLse sagte in Test Adapter Material Design Widgets v0.2.x:

                          @Scrounger aktuellen Master gezogen "v0.2.15" aber leider keine Änderung.
                          Man sieht aber das "Weihnachten in 5 Tagen" ersetzt wurde, der Rest leider nicht.

                          Wie sieht das Objekt aus, also wenn du es mit `JSON.stringify' in einen String umwandelst. Bzw. von welchem Adapter kommt das? Steht was in der Console vom Browser?

                          @mrMuppet sagte in Test Adapter Material Design Widgets v0.2.x:

                          Feature-Wunsch: "Chips" ... Die wären echt elegant für so Preset-Buttons.
                          5a5edf34-5521-462c-8123-8f4acfe77540-image.png

                          Mach bitte nen issue bei github dafür auf. Kann man sich übrigens jetzt schon mit den Buttons selbst bauen ->

                          @Meistertr sagte in Test Adapter Material Design Widgets v0.2.x:

                          @Scrounger ich spiele gerade etwas mit dem Dialog herum dabei ist mit aufgefallen, wenn ich einen view einbinde der in der Höhe variable ist (ein/ausblenden von elementen) und mit der höhe auto arbeite passt der dialog sich zwar an, aber zeigt immer die scrollbar an und das zweite wenn ich im Title eine Varriable angebe schmiert das dialog komplett ab wenn sich der wert ändern.

                          Ok muss ich mir anschauen. Mach bitte dafür auch issue bei github auf.

                          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                          dQeLseD 1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @dQeLse sagte in Test Adapter Material Design Widgets v0.2.x:

                            @Scrounger aktuellen Master gezogen "v0.2.15" aber leider keine Änderung.
                            Man sieht aber das "Weihnachten in 5 Tagen" ersetzt wurde, der Rest leider nicht.

                            Wie sieht das Objekt aus, also wenn du es mit `JSON.stringify' in einen String umwandelst. Bzw. von welchem Adapter kommt das? Steht was in der Console vom Browser?

                            @mrMuppet sagte in Test Adapter Material Design Widgets v0.2.x:

                            Feature-Wunsch: "Chips" ... Die wären echt elegant für so Preset-Buttons.
                            5a5edf34-5521-462c-8123-8f4acfe77540-image.png

                            Mach bitte nen issue bei github dafür auf. Kann man sich übrigens jetzt schon mit den Buttons selbst bauen ->

                            @Meistertr sagte in Test Adapter Material Design Widgets v0.2.x:

                            @Scrounger ich spiele gerade etwas mit dem Dialog herum dabei ist mit aufgefallen, wenn ich einen view einbinde der in der Höhe variable ist (ein/ausblenden von elementen) und mit der höhe auto arbeite passt der dialog sich zwar an, aber zeigt immer die scrollbar an und das zweite wenn ich im Title eine Varriable angebe schmiert das dialog komplett ab wenn sich der wert ändern.

                            Ok muss ich mir anschauen. Mach bitte dafür auch issue bei github auf.

                            dQeLseD Offline
                            dQeLseD Offline
                            dQeLse
                            wrote on last edited by
                            #213

                            @Scrounger Die Daten kommen vom Feiertagsadapter und dem Sonnenadapter.
                            Eigentlich sind dort keine Objekte sondern Strings die zurück kommen sollten.
                            Folgenden Fehler bekomme ich, hilft Dir das weiter?
                            table_error.PNG

                            ScroungerS 1 Reply Last reply
                            0
                            • dQeLseD dQeLse

                              @Scrounger Die Daten kommen vom Feiertagsadapter und dem Sonnenadapter.
                              Eigentlich sind dort keine Objekte sondern Strings die zurück kommen sollten.
                              Folgenden Fehler bekomme ich, hilft Dir das weiter?
                              table_error.PNG

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              wrote on last edited by
                              #214

                              @dQeLse
                              Poste Mal die Daten der beiden Adapter, also die Strings.

                              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                              dQeLseD 1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @dQeLse
                                Poste Mal die Daten der beiden Adapter, also die Strings.

                                dQeLseD Offline
                                dQeLseD Offline
                                dQeLse
                                wrote on last edited by
                                #215

                                @Scrounger gerne:

                                {sonnen.0.status.consumption} = 918 also die aktuelle Watt Zahl
                                {sonnen.0.status.production} = wie oben nur der Wert die die PV gerade liefert
                                {sonnen.0.status.gridFeedIn} = Wattzahl aus dem Netz
                                {sonnen.0.status.userSoc} = Ladestatus der Batterie in Prozent

                                {feiertage.0.heute.Name} = ""
                                {feiertage.0.morgen.Name} = ""
                                {feiertage.0.naechster.Datum} = "25.12.2019"
                                {feiertage.0.naechster.Name} = "1. Weihnachtstag"

                                Ich baue mir die Tabellen wie folgt zusammen:

                                [
                                {"name":"Verbrauch","wert":"{sonnen.0.status.consumption} W"},
                                {"name":"Produktion","wert":"{sonnen.0.status.production} W"},
                                {"name":"Netzbezug","wert":"{sonnen.0.status.gridFeedIn} W"},
                                {"name":"Batterie","wert":"{sonnen.0.status.userSoc} %"}
                                ]
                                
                                ScroungerS 1 Reply Last reply
                                0
                                • dQeLseD dQeLse

                                  @Scrounger gerne:

                                  {sonnen.0.status.consumption} = 918 also die aktuelle Watt Zahl
                                  {sonnen.0.status.production} = wie oben nur der Wert die die PV gerade liefert
                                  {sonnen.0.status.gridFeedIn} = Wattzahl aus dem Netz
                                  {sonnen.0.status.userSoc} = Ladestatus der Batterie in Prozent

                                  {feiertage.0.heute.Name} = ""
                                  {feiertage.0.morgen.Name} = ""
                                  {feiertage.0.naechster.Datum} = "25.12.2019"
                                  {feiertage.0.naechster.Name} = "1. Weihnachtstag"

                                  Ich baue mir die Tabellen wie folgt zusammen:

                                  [
                                  {"name":"Verbrauch","wert":"{sonnen.0.status.consumption} W"},
                                  {"name":"Produktion","wert":"{sonnen.0.status.production} W"},
                                  {"name":"Netzbezug","wert":"{sonnen.0.status.gridFeedIn} W"},
                                  {"name":"Batterie","wert":"{sonnen.0.status.userSoc} %"}
                                  ]
                                  
                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  wrote on last edited by
                                  #216

                                  @dQeLse
                                  Das kann auch nicht gehen, da bindings in der Tabelle nicht unterstützt werden.
                                  Schreib dir nen Skript und erstell damit ein sauberes JSON Objekt.

                                  Beispiel wie das geht findest du hier:
                                  https://forum.iobroker.net/topic/25112/test-adapter-enigma2-v1-2-x/134

                                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                  dQeLseD 2 Replies Last reply
                                  0
                                  • ScroungerS Scrounger

                                    @dQeLse
                                    Das kann auch nicht gehen, da bindings in der Tabelle nicht unterstützt werden.
                                    Schreib dir nen Skript und erstell damit ein sauberes JSON Objekt.

                                    Beispiel wie das geht findest du hier:
                                    https://forum.iobroker.net/topic/25112/test-adapter-enigma2-v1-2-x/134

                                    dQeLseD Offline
                                    dQeLseD Offline
                                    dQeLse
                                    wrote on last edited by
                                    #217

                                    @Scrounger ah ok das erklärt es :)
                                    Alles klar dann baue ich mal ein Skript

                                    1 Reply Last reply
                                    0
                                    • T Offline
                                      T Offline
                                      Termina
                                      wrote on last edited by
                                      #218

                                      @Scrounger
                                      Hab gerade bei Github gesehen, das der Widget-Ordner bereits Version 0.2.19 ist. Wie bekomme ich das nun zu mir, einfach den link abermals importieren!? Bin schwerst an die neue Möglichkeit den ICal darzustellen interessiert... :)

                                      T 1 Reply Last reply
                                      0
                                      • T Termina

                                        @Scrounger
                                        Hab gerade bei Github gesehen, das der Widget-Ordner bereits Version 0.2.19 ist. Wie bekomme ich das nun zu mir, einfach den link abermals importieren!? Bin schwerst an die neue Möglichkeit den ICal darzustellen interessiert... :)

                                        T Offline
                                        T Offline
                                        Termina
                                        wrote on last edited by
                                        #219

                                        @Termina sagte in Test Adapter Material Design Widgets v0.2.x:

                                        @Scrounger
                                        Hab gerade bei Github gesehen, das der Widget-Ordner bereits Version 0.2.19 ist. Wie bekomme ich das nun zu mir, einfach den link abermals importieren!? Bin schwerst an die neue Möglichkeit den ICal darzustellen interessiert... :)

                                        Hat sich erledigt - hab ich einfach so gemacht und funktioniert... :+1:

                                        1 Reply Last reply
                                        0
                                        • D Offline
                                          D Offline
                                          davimas
                                          wrote on last edited by
                                          #220

                                          Naja bevor Wünsche erfüllt werden bitte ich um ausmerzen der Fehler/Nichtfunktionieren. Scheinbar läuft unter Android alles zu 99% und bei iOS 70%

                                          Eben festgestellt, dass bei dem Browser Safari die "mobilevibration" nicht geht.

                                          Nutzt denn keiner von euch Apple Geräte?
                                          Wenn ja - gibt es das Problem?

                                          ScroungerS 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          346

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe