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. Praktische Anwendungen (Showcase)
  4. VIS2 Screenshots

NEWS

  • 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.2k

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

VIS2 Screenshots

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
vis2
81 Posts 17 Posters 15.3k Views 30 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.
  • icebearI icebear

    Ich hab jetzt auch nochmal eine Frage:

    Wie kann man bei den 'responsive' Einstellungen, das z,b erste Widget in einer Spalte 'x' Pixel vom oberen Rand nach unten platzieren?

    Hintergrund : wenn ich einWidget in die Spalte ziehe dann wird das erste immer ganz oben am Rand plaziert, das sieht auf dem Smartphone aber nicht so toll aus.
    Ich hätte gern etwa 15-20px Abstand dazwischen.

    Wenn man die Reihenlücke einstellt dann gilt das ja nur für zwischen den Widgets, nicht aber am obersten Rand.

    Im Moment mach ich das so, das ich ein 'Dummy Widget' mit Höhe 15px dort plazieren und dann den Hintergrund auf 'transparent' stelle.

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    wrote on last edited by
    #40

    @icebear

    Screenshot (844).png

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

    icebearI 1 Reply Last reply
    0
    • sigi234S sigi234

      @icebear

      Screenshot (844).png

      icebearI Online
      icebearI Online
      icebear
      wrote on last edited by
      #41

      @sigi234

      Vielen Dank, manchmal sieht man den Wald vor lauter Bäumen nich, ich hab mich so daran gewöhnt immer nur bei den CSS Einstellungen von den vis-inventwo Widget's zu schauen, das ich das ganz übersehen hatte.

      Vielleicht kannst du mir auch noch sagen wie man das Icon in der Navigation in der Größe verändern kann?

      sigi234S 1 Reply Last reply
      0
      • icebearI icebear

        @sigi234

        Vielen Dank, manchmal sieht man den Wald vor lauter Bäumen nich, ich hab mich so daran gewöhnt immer nur bei den CSS Einstellungen von den vis-inventwo Widget's zu schauen, das ich das ganz übersehen hatte.

        Vielleicht kannst du mir auch noch sagen wie man das Icon in der Navigation in der Größe verändern kann?

        sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        wrote on last edited by
        #42

        @icebear
        Icon Navi geht noch nicht, soweit ich es weiß

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

        1 Reply Last reply
        0
        • wendy2702W Online
          wendy2702W Online
          wendy2702
          wrote on last edited by
          #43

          Hi,

          könnt ihr die Schriftfarbe des Menus einstellen wenn "Horizontal" ausgewählt ist?

          https://github.com/ioBroker/ioBroker.vis-2/issues/449

          Bitte keine Fragen per PN, die gehören ins Forum!

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          icebearI 1 Reply Last reply
          0
          • wendy2702W wendy2702

            Hi,

            könnt ihr die Schriftfarbe des Menus einstellen wenn "Horizontal" ausgewählt ist?

            https://github.com/ioBroker/ioBroker.vis-2/issues/449

            icebearI Online
            icebearI Online
            icebear
            wrote on last edited by
            #44

            @wendy2702

            nee, geht nicht. Auch die Hintergrundfarbe und alle weiteren Einstellungen die es bei 'Vertikal gibt, gibt es da nich.

            wendy2702W 1 Reply Last reply
            0
            • icebearI icebear

              @wendy2702

              nee, geht nicht. Auch die Hintergrundfarbe und alle weiteren Einstellungen die es bei 'Vertikal gibt, gibt es da nich.

              wendy2702W Online
              wendy2702W Online
              wendy2702
              wrote on last edited by
              #45

              @icebear ok.

              Dann liegt es zumindest schonmal nicht an mir bzw. Meiner Installation

              Bitte keine Fragen per PN, die gehören ins Forum!

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              1 Reply Last reply
              0
              • H Offline
                H Offline
                Hausbaer
                wrote on last edited by
                #46

                Ich bin mit meiner Vis2 fast fertig.

                Allerdings habe ich das Problem, dass die Kalenderübersicht nicht funktioniert:
                c0db69c3-fe97-4744-a49d-ab047128e74b-image.png

                Es ist ein Materialdesign - calender widget. Erzeugt sind die einzelnen Kalender über den Ical Adapter (Google Kalender) und mit einem Skript als JSON zusammengefasst.

                In Vis (1) funktioniert das. Wie habt ihr das gelöst?

                sigi234S 1 Reply Last reply
                0
                • H Hausbaer

                  Ich bin mit meiner Vis2 fast fertig.

                  Allerdings habe ich das Problem, dass die Kalenderübersicht nicht funktioniert:
                  c0db69c3-fe97-4744-a49d-ab047128e74b-image.png

                  Es ist ein Materialdesign - calender widget. Erzeugt sind die einzelnen Kalender über den Ical Adapter (Google Kalender) und mit einem Skript als JSON zusammengefasst.

                  In Vis (1) funktioniert das. Wie habt ihr das gelöst?

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  wrote on last edited by
                  #47

                  @hausbaer sagte in VIS2 Screenshots:

                  Es ist ein Materialdesign - calender widget.

                  https://forum.iobroker.net/topic/74773/vis-vis-2-übersicht-widgetkompatibilität

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

                  H 1 Reply Last reply
                  0
                  • sigi234S sigi234

                    @hausbaer sagte in VIS2 Screenshots:

                    Es ist ein Materialdesign - calender widget.

                    https://forum.iobroker.net/topic/74773/vis-vis-2-übersicht-widgetkompatibilität

                    H Offline
                    H Offline
                    Hausbaer
                    wrote on last edited by
                    #48

                    @sigi234 war mir fast klar, deswegen ja auch die Frage: Wie hast du das gelöst bzw. welche Alternative gibts?

                    Ben1983B 1 Reply Last reply
                    0
                    • H Hausbaer

                      @sigi234 war mir fast klar, deswegen ja auch die Frage: Wie hast du das gelöst bzw. welche Alternative gibts?

                      Ben1983B Offline
                      Ben1983B Offline
                      Ben1983
                      wrote on last edited by
                      #49

                      @hausbaer Hast Du mal die ein oder andere Übersicht und eine "Erklärung", wie Du es gelöst hast?
                      Das wäre Super.

                      H 1 Reply Last reply
                      0
                      • Ben1983B Ben1983

                        @hausbaer Hast Du mal die ein oder andere Übersicht und eine "Erklärung", wie Du es gelöst hast?
                        Das wäre Super.

                        H Offline
                        H Offline
                        Hausbaer
                        wrote on last edited by
                        #50

                        @ben1983 Das ist es ja. Ich hab (noch) keine Lösung.

                        Interessanterweise funktioniert das calender widget sporadisch richtig. Gefühlt nach fünf Minuten wird der Kalender (scheinbar) richtig angezeigt. Wechsle ich die Seite und komme zurück zu meinen Terminen, ist wieder das fehlerhafte Bild da.

                        Ben1983B 1 Reply Last reply
                        0
                        • H Hausbaer

                          @ben1983 Das ist es ja. Ich hab (noch) keine Lösung.

                          Interessanterweise funktioniert das calender widget sporadisch richtig. Gefühlt nach fünf Minuten wird der Kalender (scheinbar) richtig angezeigt. Wechsle ich die Seite und komme zurück zu meinen Terminen, ist wieder das fehlerhafte Bild da.

                          Ben1983B Offline
                          Ben1983B Offline
                          Ben1983
                          wrote on last edited by
                          #51

                          @hausbaer Ich meinte auch nicht speziell den Kalender, sondern die ganze Vis.

                          1 Reply Last reply
                          0
                          • H Offline
                            H Offline
                            Hausbaer
                            wrote on last edited by
                            #52

                            Ach so. Gerne, kein Problem.

                            Startseite:
                            005f9f18-a0b4-4af4-be0d-f625a64b251f-image.png

                            Wetteransichten (mit viel "Leihgaben" von sigi234)

                            7f7362a4-16a3-4ed5-bdc0-d9f84d08554f-image.png

                            Detail Messewerte:
                            c3755316-2b27-4458-ac0d-fc20f74fc4d3-image.png

                            Tagesvorschau (noch mit materialdesign erstellt, auch da bin ich noch am tüfteln), funktioniert mal - mal nicht:
                            0078cb8f-0af8-4e1e-b015-3a858dd31169-image.png

                            Energieseite:
                            d1c0f7dc-0de9-4a65-b8fa-a79604174100-image.png

                            Hybridfahrzeug:
                            b21fc81d-ff98-4a82-b338-38c32a550871-image.png

                            Rest kommt später, Erklärung ebenfalls.
                            Soviel vorne weg: Wenn möglich, habe ich Basic-Widgets verwendet (auch mit der "Krücke", evtl. mehrere Widgets übereinander zu haben, die dann entsprechend DP ein- bzw. ausgeblendet werden)

                            Ben1983B 1 Reply Last reply
                            1
                            • H Hausbaer

                              Ach so. Gerne, kein Problem.

                              Startseite:
                              005f9f18-a0b4-4af4-be0d-f625a64b251f-image.png

                              Wetteransichten (mit viel "Leihgaben" von sigi234)

                              7f7362a4-16a3-4ed5-bdc0-d9f84d08554f-image.png

                              Detail Messewerte:
                              c3755316-2b27-4458-ac0d-fc20f74fc4d3-image.png

                              Tagesvorschau (noch mit materialdesign erstellt, auch da bin ich noch am tüfteln), funktioniert mal - mal nicht:
                              0078cb8f-0af8-4e1e-b015-3a858dd31169-image.png

                              Energieseite:
                              d1c0f7dc-0de9-4a65-b8fa-a79604174100-image.png

                              Hybridfahrzeug:
                              b21fc81d-ff98-4a82-b338-38c32a550871-image.png

                              Rest kommt später, Erklärung ebenfalls.
                              Soviel vorne weg: Wenn möglich, habe ich Basic-Widgets verwendet (auch mit der "Krücke", evtl. mehrere Widgets übereinander zu haben, die dann entsprechend DP ein- bzw. ausgeblendet werden)

                              Ben1983B Offline
                              Ben1983B Offline
                              Ben1983
                              wrote on last edited by
                              #53

                              @hausbaer Danke, aber:
                              @Siggi0904 & @Hausbaer ich komme irgendwie mit dem Editor der Vis-2 nicht klar.
                              Mit welchen Elementen erstellt man bspw. so eine klare Struktur, wie bei Siggis ersten Posts?
                              Die Platzierung passt bei mir nicht, im Livemodus platziert sich alles ganz anders, als im Editiermodus.
                              Dann, das mit dem Anker Symbol und dem Responsive, hat irgendwie ganz komische Auswirkungen,
                              aber nicht irgend ein responsives Verhalten. Vielleicht bediene ich es auch mega falsch, aber es ist für mich nicht intuitive.
                              Könnt Ihr mit da helfen / mir paar Tipps geben?

                              Version Vis-2: 2.9.64

                              H 1 Reply Last reply
                              0
                              • Ben1983B Ben1983

                                @hausbaer Danke, aber:
                                @Siggi0904 & @Hausbaer ich komme irgendwie mit dem Editor der Vis-2 nicht klar.
                                Mit welchen Elementen erstellt man bspw. so eine klare Struktur, wie bei Siggis ersten Posts?
                                Die Platzierung passt bei mir nicht, im Livemodus platziert sich alles ganz anders, als im Editiermodus.
                                Dann, das mit dem Anker Symbol und dem Responsive, hat irgendwie ganz komische Auswirkungen,
                                aber nicht irgend ein responsives Verhalten. Vielleicht bediene ich es auch mega falsch, aber es ist für mich nicht intuitive.
                                Könnt Ihr mit da helfen / mir paar Tipps geben?

                                Version Vis-2: 2.9.64

                                H Offline
                                H Offline
                                Hausbaer
                                wrote on last edited by
                                #54

                                @ben1983 sagte in VIS2 Screenshots:

                                @hausbaer Danke, aber:
                                @Siggi0904 & @Hausbaer ich komme irgendwie mit dem Editor der Vis-2 nicht klar.
                                Mit welchen Elementen erstellt man bspw. so eine klare Struktur, wie bei Siggis ersten Posts?

                                Das sieht mir nach vielen material-widgets (neu für Vis-2!) aus

                                @ben1983 sagte in VIS2 Screenshots:

                                Die Platzierung passt bei mir nicht, im Livemodus platziert sich alles ganz anders, als im Editiermodus.

                                Du solltest für jede Seite, die du angezeigt haben willst unter "Seite" "Optionen" auch eine Anzeigegröße wählen.
                                Die sollte max. so groß sein, wie die Auflösung deines kleinsten Displays.

                                d491cb4a-05f9-45aa-951d-e1a58bf7b540-image.png

                                Dass zwischen Editor und Anzeigemodus Unterschiede sind, ist doch klar. Im Editiermodus ist der halbe Bildschirm ja schon mit irgendwelchen Menüs belegt.
                                Du musst deine Widgets etc. eben auch entsprechend platzieren. Das kannst du - bei aktivem Widget - unter dem Reiter "Widget" und dann "CSS allgemein" tun.

                                638ae88a-6690-410f-9bca-79b02da9090b-image.png

                                Probier da mal ein bisschen rum, ist eigentlich selbsterklärend.

                                @ben1983 sagte in VIS2 Screenshots:

                                Dann, das mit dem Anker Symbol und dem Responsive, hat irgendwie ganz komische Auswirkungen,
                                aber nicht irgend ein responsives Verhalten. Vielleicht bediene ich es auch mega falsch, aber es ist für mich nicht intuitive.
                                Könnt Ihr mit da helfen / mir paar Tipps geben?

                                Version Vis-2: 2.9.64

                                Zu Responsive kann ich überhaupt nix sagen, da meine View für mein großes Tablet ausgelegt ist.
                                Da müssen andere mal was dazu sagen.

                                sigi234S 1 Reply Last reply
                                0
                                • H Hausbaer

                                  @ben1983 sagte in VIS2 Screenshots:

                                  @hausbaer Danke, aber:
                                  @Siggi0904 & @Hausbaer ich komme irgendwie mit dem Editor der Vis-2 nicht klar.
                                  Mit welchen Elementen erstellt man bspw. so eine klare Struktur, wie bei Siggis ersten Posts?

                                  Das sieht mir nach vielen material-widgets (neu für Vis-2!) aus

                                  @ben1983 sagte in VIS2 Screenshots:

                                  Die Platzierung passt bei mir nicht, im Livemodus platziert sich alles ganz anders, als im Editiermodus.

                                  Du solltest für jede Seite, die du angezeigt haben willst unter "Seite" "Optionen" auch eine Anzeigegröße wählen.
                                  Die sollte max. so groß sein, wie die Auflösung deines kleinsten Displays.

                                  d491cb4a-05f9-45aa-951d-e1a58bf7b540-image.png

                                  Dass zwischen Editor und Anzeigemodus Unterschiede sind, ist doch klar. Im Editiermodus ist der halbe Bildschirm ja schon mit irgendwelchen Menüs belegt.
                                  Du musst deine Widgets etc. eben auch entsprechend platzieren. Das kannst du - bei aktivem Widget - unter dem Reiter "Widget" und dann "CSS allgemein" tun.

                                  638ae88a-6690-410f-9bca-79b02da9090b-image.png

                                  Probier da mal ein bisschen rum, ist eigentlich selbsterklärend.

                                  @ben1983 sagte in VIS2 Screenshots:

                                  Dann, das mit dem Anker Symbol und dem Responsive, hat irgendwie ganz komische Auswirkungen,
                                  aber nicht irgend ein responsives Verhalten. Vielleicht bediene ich es auch mega falsch, aber es ist für mich nicht intuitive.
                                  Könnt Ihr mit da helfen / mir paar Tipps geben?

                                  Version Vis-2: 2.9.64

                                  Zu Responsive kann ich überhaupt nix sagen, da meine View für mein großes Tablet ausgelegt ist.
                                  Da müssen andere mal was dazu sagen.

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  wrote on last edited by
                                  #55

                                  @hausbaer sagte in VIS2 Screenshots:

                                  Das sieht mir nach vielen material-widgets (neu für Vis-2!) aus

                                  Ja

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

                                  Ben1983B 1 Reply Last reply
                                  0
                                  • sigi234S sigi234

                                    @hausbaer sagte in VIS2 Screenshots:

                                    Das sieht mir nach vielen material-widgets (neu für Vis-2!) aus

                                    Ja

                                    Ben1983B Offline
                                    Ben1983B Offline
                                    Ben1983
                                    wrote on last edited by
                                    #56

                                    @sigi234 Diese hier?:
                                    404ed9d5-3ddf-494c-ae25-0a3d2c2aa169-image.png

                                    sigi234S 1 Reply Last reply
                                    0
                                    • Ben1983B Ben1983

                                      @sigi234 Diese hier?:
                                      404ed9d5-3ddf-494c-ae25-0a3d2c2aa169-image.png

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      wrote on last edited by sigi234
                                      #57

                                      @ben1983 sagte in VIS2 Screenshots:

                                      @sigi234 Diese hier?:
                                      404ed9d5-3ddf-494c-ae25-0a3d2c2aa169-image.png

                                      Ja

                                      Viele vom Typ Vis 2 - Material-Widgets
                                      Schalter oder Knöpfe

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

                                      1 Reply Last reply
                                      0
                                      • DuffyD Offline
                                        DuffyD Offline
                                        Duffy
                                        wrote on last edited by Duffy
                                        #58

                                        @sigi234 @
                                        sorry verrutscht.

                                        Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                                        Node.js: v22.21.0
                                        NPM: 10.9.4
                                        js-controller 7.0.7
                                        Linux: Trixie

                                        1 Reply Last reply
                                        0
                                        • sigi234S sigi234

                                          @ullij sagte in VIS2 Screenshots:

                                          Wie geht das hier mit 2 Diagrammen und Beschriftung?

                                          Screenshot (611).png

                                          SMSS Offline
                                          SMSS Offline
                                          SMS
                                          wrote on last edited by
                                          #59

                                          @sigi234 HI! Leider habe ich es nicht gefunden.
                                          Dauert es eine Weile bis ein Chart angezeigt wird oder habe ich was vergessen?

                                          Aktuell sieht es nur so aus:

                                          267cc9eb-f129-49e2-ae82-7e896ecd8492-grafik.png

                                          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

                                          717

                                          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