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

NEWS

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

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

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

VIS2 Screenshots

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
vis2
81 Beiträge 17 Kommentatoren 15.3k 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.
  • 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
    schrieb am zuletzt editiert von
    #40

    @icebear

    Screenshot (844).png

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

    icebearI 1 Antwort Letzte Antwort
    0
    • sigi234S sigi234

      @icebear

      Screenshot (844).png

      icebearI Offline
      icebearI Offline
      icebear
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • wendy2702W Online
          wendy2702W Online
          wendy2702
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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 Offline
            icebearI Offline
            icebear
            schrieb am zuletzt editiert von
            #44

            @wendy2702

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

            wendy2702W 1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • H Offline
                H Offline
                Hausbaer
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #48

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

                    Ben1983B 1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #51

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

                          1 Antwort Letzte Antwort
                          0
                          • H Offline
                            H Offline
                            Hausbaer
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #56

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

                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • Ben1983B Ben1983

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

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                      0
                                      • DuffyD Online
                                        DuffyD Online
                                        Duffy
                                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 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

                                          728

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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