Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Entwicklung
    4. [Neuer VIS-Adpater] Material Design Widgets

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    [Neuer VIS-Adpater] Material Design Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

      @Scrounger

      COOOL!
      Funktioniert sehr gut, man muss aber die Datenfarben rausnehmen, sollte man sie vorher schon mal geändert haben.

      Screenshot (423).png

      Scrounger 1 Reply Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @sigi234 last edited by Scrounger

        @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

        @Scrounger

        COOOL!
        Funktioniert sehr gut, man muss aber die Datenfarben rausnehmen, sollte man sie vorher schon mal geändert haben.

        Achso ja korrekt, User defined überschreibt die Farben für den jeweiligen Dateneintrag. Bringt den Vorteil, sollte einem eine farbe im scheme nicht gefallen, so kann man nur diese gezielt ändern.

        1 Reply Last reply Reply Quote 0
        • Elektroniker86
          Elektroniker86 last edited by

          Hallo,

          ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?
          Ich habe ja ein View wo nur das Top App Bar Widget läuft, die Menüs sind ja zu den einzelnen Views verknüpft aber die Backgrounds werden ignoriert.
          Wenn ich in der View mit dem App Bar Widget ein Background angebe, dann wird das für alle Views gesetzt. Ich blick da nicht so durch.

          Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

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

            @Scrounger

            Leider funktioniert jetzt nix mehr , habe ein Vis update gemacht.
            Wenn ich einen neue Bar anlege geht es, die alte Version leider nicht mehr da komme ich nicht mehr zu den View.
            Sind die wo gesichert?

            Screenshot (429).png

            C 1 Reply Last reply Reply Quote 0
            • C
              calliou1234 @sigi234 last edited by

              @sigi234
              Was nutzt du für ein Statusprogramm um dir die Fehler anzeigen zu lassen?

              dfgfdgdf.JPG

              Grüße

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

                @calliou1234

                F12 im Browser

                1 Reply Last reply Reply Quote 1
                • Scrounger
                  Scrounger Developer @Elektroniker86 last edited by

                  @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                  ich benötige Hilfe mit dem tollen Vis Adapter. Wie bekommt man es hin, dass bei jedem View der jeweilige Background angezeigt wird?

                  Sofern ich das weiß, geht das beim 'view in widget 8' widget nicht. da kann man nur einen Hintergrund einstellen und da ich dieses Widget in der TopAppBar nutze, geht es doch auch nicht. Trick wäre ein Backgroudn Element bei jeder View zu erstellen z.B. mit dem html Widget.

                  @Elektroniker86 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                  Würde den Adapter sehr gerne nutzen, und ihr macht hier richtig coole Sachen aber für mich ist es absolut unklar wie das alles funktioniert.

                  Musst halt einfach mal mit den Einstellungen rumprobieren, schauen was sich ändert und dann bekommt man dreh schon raus. Die Einstellungen sind ja auch meist 'hoffentlich' eindeutig beschrieben;) Sorry aber für doku hab ich einfach keine Zeit, hatte gehofft das übernimmt hier jemand?

                  @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                  Screenshot (429).png

                  Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

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

                    @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                    Da ist noch ne alte refernz drin, hab ich grad raus gemacht -> master ziehen.

                    Leider Fehler noch immer:

                    Screenshot (431)_LI.jpg

                    View Status

                    Scrounger 1 Reply Last reply Reply Quote 0
                    • Scrounger
                      Scrounger Developer @sigi234 last edited by

                      @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                      Leider Fehler noch immer:

                      Ist aber ein anderer Fehler. Welche Version hast du laut Console?

                      sigi234 1 Reply Last reply Reply Quote 0
                      • Bluefox
                        Bluefox @Scrounger last edited by

                        @Scrounger

                        Weiß jemand wer die Hoheit über iobroker.click hat?

                        Wieso?

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

                          @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                          @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                          Leider Fehler noch immer:

                          Ist aber ein anderer Fehler. Welche Version hast du laut Console?

                          0.1.5

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

                            @Bluefox sagte in [Neuer VIS-Adpater] Material Design Widgets:

                            @Scrounger

                            Weiß jemand wer die Hoheit über iobroker.click hat?

                            Wieso?

                            https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets/214?page=3

                            1 Reply Last reply Reply Quote 0
                            • Meistertr
                              Meistertr Developer last edited by

                              @Scrounger ich habe auf den verschieden seiten im menu elemente die ich zum beispiel mit calc(100% -xxx px) an der rechten Seite fixiere, sieht im editor auch gut aus, aber im betrieb sind die Elemente dann verschwunden oder besser gesagt aus dem Bild verschoben...

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @Bluefox last edited by

                                @Bluefox sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                Wieso?

                                Würde gerne ein Beispiel Projekt anlegen, hilft sicher vielen beim Konfigurieren des Adapters.

                                @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                0.1.5

                                aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                @Meistertr sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                @Scrounger ich habe auf den verschieden seiten im menu elemente die ich zum beispiel mit calc(100% -xxx px) an der rechten Seite fixiere, sieht im editor auch gut aus, aber im betrieb sind die Elemente dann verschwunden oder besser gesagt aus dem Bild verschoben...

                                Mach mal bitte nen export von der view und screenshot wo du das eingestellt hast. Versteh es so leider nicht.

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

                                  @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                  aktueller master hat die Version 1.6.0, da hab ich die von Dir beschriebenen Punkte auch gefixt.

                                  Komme nicht auf die 1.6.0

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer @sigi234 last edited by Scrounger

                                    @sigi234 sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                    Komme nicht auf die 1.6.0

                                    Dann versuch mal bitte folgendes -schritt für schritt:

                                    • vis-materialdesign deinstallieren
                                    • Ordner \ioBroker\iobroker-data\files\vis\widgets\materialdesign\ löschen
                                    • Datei \ioBroker\iobroker-data\files\vis\widgets\materialdesign.html löschen
                                    • Ordner \ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign\ löschen
                                    • Datei D:\Projekte\ioBroker\node_modules\iobroker.vis\www\widgets\materialdesign.html löschen
                                    • iobroker restart
                                    • vis-materialdesign installieren
                                    • Befehl iobroker upload vis ausführen
                                    • iobroker restart

                                    Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

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

                                      @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                      Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

                                      Ist dann meine schon erstellte View weg? Kann ich die wo sichern? View exportieren und importieren geht das?

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • Meistertr
                                        Meistertr Developer last edited by

                                        @Scrounger 2019-10-28_21h53_02.png

                                        hier der view:

                                        {
                                          "settings": {
                                            "style": {},
                                            "theme": "redmond",
                                            "sizex": "",
                                            "sizey": "",
                                            "gridSize": "",
                                            "useBackground": false,
                                            "snapType": null
                                          },
                                          "widgets": {
                                            "e00001": {
                                              "tpl": "tplHtml",
                                              "data": {
                                                "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",
                                                "refreshInterval": "0",
                                                "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
                                              },
                                              "style": {
                                                "left": "calc(100% - 216px)",
                                                "top": "109px",
                                                "background-color": "#d10000",
                                                "width": "200px",
                                                "height": "100px"
                                              },
                                              "widgetSet": "basic"
                                            },
                                            "e00002": {
                                              "tpl": "tplHtml",
                                              "data": {
                                                "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",
                                                "refreshInterval": "0",
                                                "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
                                              },
                                              "style": {
                                                "left": "50%",
                                                "top": "229px",
                                                "background-color": "#d10000",
                                                "width": "200px",
                                                "height": "100px"
                                              },
                                              "widgetSet": "basic"
                                            }
                                          },
                                          "name": "test",
                                          "filterList": []
                                        }
                                        
                                        1 Reply Last reply Reply Quote 0
                                        • sigi234
                                          sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

                                          @Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

                                          Dadurch hast dann nur noch die aktuelle version drauf und es sichergestellt das da keine "Leichen" mehr sind.

                                          Erledigt, Fehler noch da, V 1.5.0

                                          Hinweis:
                                          Habe VIS Version 1.2.2

                                          1 Reply Last reply Reply Quote 0
                                          • Scrounger
                                            Scrounger Developer @sigi234 last edited by Scrounger

                                            Aktuellen master direkt von gut gezogen?

                                            Hab auch die 1.2.2. geht auf beiden Systemen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            973
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter
                                            30
                                            271
                                            37617
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo