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. Tester
  4. Test Adapter Material Design Widgets v0.1.x

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    11
    1
    186

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

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

Test Adapter Material Design Widgets v0.1.x

Geplant Angeheftet Gesperrt Verschoben Tester
adaptervismaterial ui
189 Beiträge 22 Kommentatoren 39.8k Aufrufe 30 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.
  • ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von Scrounger
    #2

    Hab ein weiteres Widget erstellt - Dialog View. Zeigt ein Dialog an, dem ihr eine View zuweisen könnt. Wer es testen möchte, kann sich den aktuellen master von git ziehen.

    dialog view.gif

    Damit das ganze funktioniert, müsst ihr dem Dialog eine boolean Datenpunkt zuordnen z.B. showDialog, mit dem gesteuert wird, ob der Dialog angzeigt (true) oder nicht angezeigt ist(false).

    Dann könnt ihr z.B. einen State Button nehmen, dem ihr den Datenpunkt showDialog zuweist und beim klick einstellt, dass der DP auf true gesetzt wird. Schon wird der Dialog angezeigt.

    Größe und Layout könnt ihr wie immer im Editor bearbeiten. Für die Position wo der Dialog angezeigt werden soll gibt es zwei optionen:

    • showInCenterOfScreen = true: Zeigt den Dialog immer in der Mitte des Fenster an, unabhängig von der Scrollposition
    • showInCenterOfScreen = false: Der Dialog wird an der Position angezeigt, wo er im Editor platziert ist.

    Info: Sollte in der hinterlegten View des Dialogs, manche Widgets nicht angezeigt werden, so liegt das am z-index, den müsst ihr dann beim Widget höher setzen als den z-index des dialoges!

    1 Antwort Letzte Antwort
    2
    • T Offline
      T Offline
      tazdevil20
      schrieb am zuletzt editiert von
      #3

      Ich finde den vis-Adpater echt genial. Habe erst vor kurzem mit iobroker begonnen und damit kann ich im vis sehr viel einfacher meine Vorhaben umsetzten. Habe jedoch auch ein Problem.
      Wenn ich die vis gestartet habe und auf einer Seite für ca. 10 Sekunden bleibe verschwindet der Content. Das Menü kann ich noch öffnen jedoch sobald ich einen Menüpunkt auswähle wird die Auswahl auch nicht mehr umgesetzt. Mir bleibt nur, die Seite neu zu laden.
      Eine Idee warum das so ist?

      ScroungerS 1 Antwort Letzte Antwort
      0
      • T tazdevil20

        Ich finde den vis-Adpater echt genial. Habe erst vor kurzem mit iobroker begonnen und damit kann ich im vis sehr viel einfacher meine Vorhaben umsetzten. Habe jedoch auch ein Problem.
        Wenn ich die vis gestartet habe und auf einer Seite für ca. 10 Sekunden bleibe verschwindet der Content. Das Menü kann ich noch öffnen jedoch sobald ich einen Menüpunkt auswähle wird die Auswahl auch nicht mehr umgesetzt. Mir bleibt nur, die Seite neu zu laden.
        Eine Idee warum das so ist?

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        schrieb am zuletzt editiert von
        #4

        @tazdevil20
        Bei welchem Widget tritt das verhalten auf?

        1 Antwort Letzte Antwort
        0
        • T Offline
          T Offline
          tazdevil20
          schrieb am zuletzt editiert von
          #5

          Habe die "Top App Bar Navigation Drawer" im Einsatz. Das Verhalten tritt dann auf wenn ich in einen Menüpunkt gehe und in diesem längere Zeit bleibe. Es könnten auch 20 Sekunden sein. Sowol am Handy (Chrome) als auch am PC (Firefox) habe ich das Verhalten, dass dann nur noch die App Bar zur Verfügung steht.
          Bei dem Test jetzt konnte ich jedoch auch in einen anderen Menüpunkt wechseln. Danach dann wieder das gleiche Problem.

          Screenshot_20191103-110651_Chrome.jpg

          sigi234S 1 Antwort Letzte Antwort
          0
          • T tazdevil20

            Habe die "Top App Bar Navigation Drawer" im Einsatz. Das Verhalten tritt dann auf wenn ich in einen Menüpunkt gehe und in diesem längere Zeit bleibe. Es könnten auch 20 Sekunden sein. Sowol am Handy (Chrome) als auch am PC (Firefox) habe ich das Verhalten, dass dann nur noch die App Bar zur Verfügung steht.
            Bei dem Test jetzt konnte ich jedoch auch in einen anderen Menüpunkt wechseln. Danach dann wieder das gleiche Problem.

            Screenshot_20191103-110651_Chrome.jpg

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von sigi234
            #6

            @tazdevil20

            Was hast du in der Objekt ID stehen?

            Screenshot (476).png

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            1 Antwort Letzte Antwort
            0
            • T Offline
              T Offline
              tazdevil20
              schrieb am zuletzt editiert von tazdevil20
              #7

              Meinst Du die Object ID unter Sichtbarkeit? Die Sichtbarkeit ist nicht aktiviert und es steht auch nichts drin.

              Hätte mir mal dein Bild anschauen sollen. Bei mir sieht es so aus:
              2019-11-03 11_27_04-Edit vis.png

              EDIT:
              Es hat wohl an dem Haken "Dauernd" gelegen. Habe den jetzt gesetzt und es verschwindet die Ansicht nicht mehr. Danke für die Hilfe.

              EDIT2:
              Hat doch nicht an dem Haken gelegen.

              ScroungerS 1 Antwort Letzte Antwort
              0
              • T tazdevil20

                Meinst Du die Object ID unter Sichtbarkeit? Die Sichtbarkeit ist nicht aktiviert und es steht auch nichts drin.

                Hätte mir mal dein Bild anschauen sollen. Bei mir sieht es so aus:
                2019-11-03 11_27_04-Edit vis.png

                EDIT:
                Es hat wohl an dem Haken "Dauernd" gelegen. Habe den jetzt gesetzt und es verschwindet die Ansicht nicht mehr. Danke für die Hilfe.

                EDIT2:
                Hat doch nicht an dem Haken gelegen.

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von Scrounger
                #8

                @tazdevil20
                Haken bei dauernd setzen und ein Objekt vergeben (number). Steht so auch in der Doku.

                1 Antwort Letzte Antwort
                0
                • T Offline
                  T Offline
                  tazdevil20
                  schrieb am zuletzt editiert von
                  #9

                  Danke für die Info. Habe ich wohl übersehen. Das mit dem "Dauernd" ist wohl das was mir gefehlt hat. Das mit dem Objekt verstehe ich gerade noch nicht. Wenn ich so etwas mache wie du bekomme ich eine Info, dass die View nicht gefunden wurde. Habe es dann wieder auf "nothing_selected" gestellt und es funktioniert bei mir.

                  ScroungerS 1 Antwort Letzte Antwort
                  0
                  • T tazdevil20

                    Danke für die Info. Habe ich wohl übersehen. Das mit dem "Dauernd" ist wohl das was mir gefehlt hat. Das mit dem Objekt verstehe ich gerade noch nicht. Wenn ich so etwas mache wie du bekomme ich eine Info, dass die View nicht gefunden wurde. Habe es dann wieder auf "nothing_selected" gestellt und es funktioniert bei mir.

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von Scrounger
                    #10

                    @tazdevil20
                    Du musst einen Datenpunkte Number (Zahl) anlegen und den der TopBar zuweisen, nen wir ihn Mal 'selectedView'. Dann trägst du ganz normal die views unter views ein.
                    Wenn du jetzt z.b. die View die an Dritter Stelle eingetragen ist anwahlst, nimmt dp 'selectedView' die Zahl 2 an.
                    Wenn du diesen dp nicht einträgst funktioniert das Widget nicht korrekt!
                    Mehr Infos dazu findest du auch hier im Forum, wenn du nach 'View in Widget 8' suchst, das ist das Standard Widget vom vis Adapter, die ich hier mit eingebaut habe.

                    T 1 Antwort Letzte Antwort
                    0
                    • ScroungerS Scrounger

                      @tazdevil20
                      Du musst einen Datenpunkte Number (Zahl) anlegen und den der TopBar zuweisen, nen wir ihn Mal 'selectedView'. Dann trägst du ganz normal die views unter views ein.
                      Wenn du jetzt z.b. die View die an Dritter Stelle eingetragen ist anwahlst, nimmt dp 'selectedView' die Zahl 2 an.
                      Wenn du diesen dp nicht einträgst funktioniert das Widget nicht korrekt!
                      Mehr Infos dazu findest du auch hier im Forum, wenn du nach 'View in Widget 8' suchst, das ist das Standard Widget vom vis Adapter, die ich hier mit eingebaut habe.

                      T Offline
                      T Offline
                      tazdevil20
                      schrieb am zuletzt editiert von
                      #11

                      @Scrounger
                      Danke für die Erklärung. Habe es verstanden und auch umgesetzt.

                      1 Antwort Letzte Antwort
                      0
                      • ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        schrieb am zuletzt editiert von
                        #12

                        Tabelle ist implementiert, wer es testen möchte, aktuellen master von git ziehen.

                        table.gif

                        Im Feld dataJSON müsst ihr ein geschachteltest JSON Array angeben, wie z.B.:

                        [
                        [ "VuPlus", "10.0.1.10", "b0:2e:36:02:62:7a", "10 W" ],
                        [ "TV", "10.0.1.12", "4a:33:35:ae:1f:ae", "89 W" ]
                        ]
                        

                        was dann das Ergebnis wie oben im Screenshot dragestellt ergibt.

                        1 Antwort Letzte Antwort
                        0
                        • ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          schrieb am zuletzt editiert von Scrounger
                          #13

                          Dialog iFrame implementiert, wer testen möchte aktullen master von git ziehen.
                          Einstellungen müssen wie beim Dialog View vorgenommen werden, was ich hier bereits beschrieben habe:
                          https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/2

                          Die Einstellungen fürs iFrame sind gleich dem "orginalen" iFrame vom vis adapter.

                          dialog iFrame.gif

                          1 Antwort Letzte Antwort
                          0
                          • ScroungerS Scrounger

                            Hallo zusammen,
                            ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                            Der Adapter befindet sich bereits im latest repository.
                            Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                            Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                            Folgende Elemente sind bereits enthalten:

                            review.gif

                            Da das mein erster VIS Adapter ist, benötige ich etwas Unterstützung bei der weiteren Entwicklung und natürlich Euer Feedback vom testen.

                            Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen. Den alten Thread findet ihr hier und bitte dort auch nachschauen bei fragen: https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                            paypal

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            schrieb am zuletzt editiert von
                            #14

                            @Scrounger

                            Danke, Super arbeit, ist ein Multimedia Widget geplant?

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            S ScroungerS 2 Antworten Letzte Antwort
                            0
                            • H Offline
                              H Offline
                              Home4.0
                              schrieb am zuletzt editiert von
                              #15

                              Hallo @Scrounger,

                              noch einmal vielen Dank für die tollen Widgets und das es immer mehr werden.

                              Habe gerade die "Tabelle" und "Dialog View" getestet und beides klappt super:+1: .

                              Zum "Dialog View":

                              Wenn man den Datenpunkt unter Objekte (oder per script) auf true setzt, öffnet sich das Fenster.
                              Setzt man den Datenpunkt danach auf false schließt das Fenster leider nicht. Ist das so gewollt?

                              Zur "Tabelle":

                              Bekomme ich den Header irgendwie ausgeblendet oder gesteuert über "dataJson"?

                              1 Antwort Letzte Antwort
                              0
                              • sigi234S sigi234

                                @Scrounger

                                Danke, Super arbeit, ist ein Multimedia Widget geplant?

                                S Offline
                                S Offline
                                skokarl
                                schrieb am zuletzt editiert von skokarl
                                #16

                                @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                @Scrounger

                                Danke, Super arbeit, ist ein Multimedia Widget geplant?

                                das wäre ja wie Weihnachten ....:+1:

                                IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                                1 Antwort Letzte Antwort
                                0
                                • sigi234S sigi234

                                  @Scrounger

                                  Danke, Super arbeit, ist ein Multimedia Widget geplant?

                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  schrieb am zuletzt editiert von Scrounger
                                  #17

                                  @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                  @Scrounger

                                  Danke, Super arbeit, ist ein Multimedia Widget geplant?

                                  Nein, wie bereits gesagt werde ich nur Basis widgets erstellen. Mit denen könnt ihr euch dann ja ein Multimedia Widget basteln.

                                  @Home4-0

                                  DialogView:
                                  Das ist schon korrekt so Dialog bzw der dp dafür kann nur über schließen des Users auf false zurück gesetzt werden.
                                  Was wäre denn ein Use Case, das man den Dialog per dp schließen möchte?

                                  Tabelle:
                                  Ne Header ist hardcoded, kann über die woher Einstellungen angepasst werden. Du möchtest den aber gerne komplett ausblenden? Kann ich einbauen.

                                  H 1 Antwort Letzte Antwort
                                  0
                                  • T Offline
                                    T Offline
                                    tazdevil20
                                    schrieb am zuletzt editiert von
                                    #18

                                    @Scrounger
                                    Habe noch ein Thema. Dadurch, dass ich jetzt das Objekt (Zahl) hinterlegt habe wird immer auf allen Geräten auf denen die VIS geöffnet ist die View geändert. Somit wäre diese nicht Multiuser fähig. Ist das bewusst so gemacht oder wäre eine Anpassung zu Aufwändig?
                                    Vielleicht auch noch ein weiterer Tipp zu den Schaltern (switch). Die zeigen mir ab und zu den falschen Status an. Wenn ich den Schalter dann wieder "richtig" stelle und erneut drauf tippe wird die Aktion auch ausgeführt.
                                    Ein Tipp ob ich wieder etwas falsch eingestellt habe?

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • T tazdevil20

                                      @Scrounger
                                      Habe noch ein Thema. Dadurch, dass ich jetzt das Objekt (Zahl) hinterlegt habe wird immer auf allen Geräten auf denen die VIS geöffnet ist die View geändert. Somit wäre diese nicht Multiuser fähig. Ist das bewusst so gemacht oder wäre eine Anpassung zu Aufwändig?
                                      Vielleicht auch noch ein weiterer Tipp zu den Schaltern (switch). Die zeigen mir ab und zu den falschen Status an. Wenn ich den Schalter dann wieder "richtig" stelle und erneut drauf tippe wird die Aktion auch ausgeführt.
                                      Ein Tipp ob ich wieder etwas falsch eingestellt habe?

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      schrieb am zuletzt editiert von
                                      #19

                                      @tazdevil20 sagte in Test Adapter Material Design Widgets v0.1.x:

                                      @Scrounger
                                      Habe noch ein Thema. Dadurch, dass ich jetzt das Objekt (Zahl) hinterlegt habe wird immer auf allen Geräten auf denen die VIS geöffnet ist die View geändert. Somit wäre diese nicht Multiuser fähig. Ist das bewusst so gemacht oder wäre eine Anpassung zu Aufwändig?

                                      Kann ich nichts zu sagen. Ich verwende das 'View in Widget 8' des VIS Adapter. Evtl. hier im Forum Mal danach suchen / fragen, evtl. gibt's da ja nen Trick.

                                      Ein Tipp ob ich wieder etwas falsch eingestellt habe?

                                      Kenne deine Einstellungen ja nicht ;-)

                                      1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

                                        @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                        @Scrounger

                                        Danke, Super arbeit, ist ein Multimedia Widget geplant?

                                        Nein, wie bereits gesagt werde ich nur Basis widgets erstellen. Mit denen könnt ihr euch dann ja ein Multimedia Widget basteln.

                                        @Home4-0

                                        DialogView:
                                        Das ist schon korrekt so Dialog bzw der dp dafür kann nur über schließen des Users auf false zurück gesetzt werden.
                                        Was wäre denn ein Use Case, das man den Dialog per dp schließen möchte?

                                        Tabelle:
                                        Ne Header ist hardcoded, kann über die woher Einstellungen angepasst werden. Du möchtest den aber gerne komplett ausblenden? Kann ich einbauen.

                                        H Offline
                                        H Offline
                                        Home4.0
                                        schrieb am zuletzt editiert von
                                        #20

                                        @Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

                                        DialogView:
                                        Was wäre denn ein Use Case, das man den Dialog per dp schließen möchte?

                                        Ein Popup mit Infos (Telefonnummer) wenn das Telefon klingelt oder es läutet an der Tür und man blendet ein Bild ein.
                                        Das wäre schon eine feine Sachen wenn sich das von selbst wieder schließen würde.

                                        Tabelle:
                                        Du möchtest den aber gerne komplett ausblenden? Kann ich einbauen.

                                        Das wäre super.
                                        Ich habe eine Tabelle wo sich die Überschriften immer ändern.
                                        d712c51d-5e3d-40b9-a37e-0a30555960a9-image.png

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • H Home4.0

                                          @Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

                                          DialogView:
                                          Was wäre denn ein Use Case, das man den Dialog per dp schließen möchte?

                                          Ein Popup mit Infos (Telefonnummer) wenn das Telefon klingelt oder es läutet an der Tür und man blendet ein Bild ein.
                                          Das wäre schon eine feine Sachen wenn sich das von selbst wieder schließen würde.

                                          Tabelle:
                                          Du möchtest den aber gerne komplett ausblenden? Kann ich einbauen.

                                          Das wäre super.
                                          Ich habe eine Tabelle wo sich die Überschriften immer ändern.
                                          d712c51d-5e3d-40b9-a37e-0a30555960a9-image.png

                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          schrieb am zuletzt editiert von Scrounger
                                          #21

                                          @Home4-0 sagte in Test Adapter Material Design Widgets v0.1.x:

                                          Ein Popup mit Infos (Telefonnummer) wenn das Telefon klingelt oder es läutet an der Tür und man blendet ein Bild ein.
                                          Das wäre schon eine feine Sachen wenn sich das von selbst wieder schließen würde.

                                          Ok, aber dann bekommt man die Popup info ggf. doch gar nicht mit... Habs eingebaut, durch setzen des DP auf 'false' schließt sich jetzt der Dialog.

                                          Tabelle:
                                          Du möchtest den aber gerne komplett ausblenden? Kann ich einbauen.

                                          Das wäre super.
                                          Ich habe eine Tabelle wo sich die Überschriften immer ändern.

                                          Hab ich auch eingebaut.
                                          Überschriften die sich ändern, könntest du auch mit Bindings und dem entsprechenden Skript realisieren.

                                          Beide Änderungen befinden sich im aktuellen master.

                                          H 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

                                          838

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          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