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.
    • 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
                                          • sigi234
                                            sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

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

                                            Aktuellen master direkt von gut gezogen?

                                            Hab auch die 1.2.2. geht auf beiden Systemen.

                                            https://github.com/Scrounger/iobroker.vis-materialdesign

                                            So installiert:

                                            Screenshot (437).png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            978
                                            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