Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

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

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

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

Einfach mal zeigen will….. :-) - Teil 3

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 330.4k Aufrufe 157 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.
  • BostilB Bostil

    Bitte entschuldigt die späte Reaktion. Habe leider nicht mehr viel weiter optimiert. Wird sicher demnächst irgendwann geschehen. Aber für euch sollte dies erstmal als Template gut genügen. Viel Spaß damit und bin gespannt auf eure Versionen!

    2021-12-13-Bostil VIS-Template_v1.1.zip

    @D3ltoroxp @rookie123 @Nachtschatten81

    wendy2702W Online
    wendy2702W Online
    wendy2702
    schrieb am zuletzt editiert von
    #411

    @bostil sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

    Bitte entschuldigt die späte Reaktion. Habe leider nicht mehr viel weiter optimiert. Wird sicher demnächst irgendwann geschehen. Aber für euch sollte dies erstmal als Template gut genügen. Viel Spaß damit und bin gespannt auf eure Versionen!

    2021-12-13-Bostil VIS-Template_v1.1.zip

    @D3ltoroxp @rookie123 @Nachtschatten81

    Hi,

    wollte meiner besseren hälfte mal deinen View Zeigen aber wie importiert man denn ein JSON File als View?

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

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

    D3ltoroxpD 1 Antwort Letzte Antwort
    0
    • wendy2702W wendy2702

      @bostil sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

      Bitte entschuldigt die späte Reaktion. Habe leider nicht mehr viel weiter optimiert. Wird sicher demnächst irgendwann geschehen. Aber für euch sollte dies erstmal als Template gut genügen. Viel Spaß damit und bin gespannt auf eure Versionen!

      2021-12-13-Bostil VIS-Template_v1.1.zip

      @D3ltoroxp @rookie123 @Nachtschatten81

      Hi,

      wollte meiner besseren hälfte mal deinen View Zeigen aber wie importiert man denn ein JSON File als View?

      D3ltoroxpD Offline
      D3ltoroxpD Offline
      D3ltoroxp
      schrieb am zuletzt editiert von
      #412

      @wendy2702 Musst du nicht nur auf Projekt importieren und die zip dort ins Fenster ziehen ?

      wendy2702W 1 Antwort Letzte Antwort
      1
      • D3ltoroxpD D3ltoroxp

        @wendy2702 Musst du nicht nur auf Projekt importieren und die zip dort ins Fenster ziehen ?

        wendy2702W Online
        wendy2702W Online
        wendy2702
        schrieb am zuletzt editiert von wendy2702
        #413

        @d3ltoroxp Hast recht.

        Allerdings fehlt mir jetzt schon der Hintergrund. Mal gucken.....

        Sieht bei euch der Editor nach Import auch so aus:

        9424df8d-a049-4e72-8137-a8c1e3e93673-grafik.png

        Wenn ich eines meiner alten Projecte lade sieht es wieder so aus:

        8315bdf7-ec56-41d4-bf00-31fcada3fd54-grafik.png

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

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

        D3ltoroxpD GlasfaserG 2 Antworten Letzte Antwort
        0
        • wendy2702W wendy2702

          @d3ltoroxp Hast recht.

          Allerdings fehlt mir jetzt schon der Hintergrund. Mal gucken.....

          Sieht bei euch der Editor nach Import auch so aus:

          9424df8d-a049-4e72-8137-a8c1e3e93673-grafik.png

          Wenn ich eines meiner alten Projecte lade sieht es wieder so aus:

          8315bdf7-ec56-41d4-bf00-31fcada3fd54-grafik.png

          D3ltoroxpD Offline
          D3ltoroxpD Offline
          D3ltoroxp
          schrieb am zuletzt editiert von
          #414

          @wendy2702 Nope. Wenn ich was importiere, sieht er normal aus. Mal die Seite schließen und neu laden ?

          1 Antwort Letzte Antwort
          0
          • wendy2702W wendy2702

            @d3ltoroxp Hast recht.

            Allerdings fehlt mir jetzt schon der Hintergrund. Mal gucken.....

            Sieht bei euch der Editor nach Import auch so aus:

            9424df8d-a049-4e72-8137-a8c1e3e93673-grafik.png

            Wenn ich eines meiner alten Projecte lade sieht es wieder so aus:

            8315bdf7-ec56-41d4-bf00-31fcada3fd54-grafik.png

            GlasfaserG Online
            GlasfaserG Online
            Glasfaser
            schrieb am zuletzt editiert von
            #415

            @wendy2702 sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

            Sieht bei euch der Editor nach Import auch so aus:

            Das liegt daran , das die CSS Anweisung auf die Ganze Seite wirkt.

            mache ein Punkt davor .

            37338b8f-3780-4e1a-9d14-eaa50d1c2a8f-grafik.png

            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

            wendy2702W 1 Antwort Letzte Antwort
            0
            • GlasfaserG Glasfaser

              @wendy2702 sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

              Sieht bei euch der Editor nach Import auch so aus:

              Das liegt daran , das die CSS Anweisung auf die Ganze Seite wirkt.

              mache ein Punkt davor .

              37338b8f-3780-4e1a-9d14-eaa50d1c2a8f-grafik.png

              wendy2702W Online
              wendy2702W Online
              wendy2702
              schrieb am zuletzt editiert von
              #416

              @glasfaser danke.

              Kann ich erst morgen testen.

              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
              • D3ltoroxpD Offline
                D3ltoroxpD Offline
                D3ltoroxp
                schrieb am zuletzt editiert von
                #417

                Kann man denn den Hintergrund von "View in Widget" transparent machen ?

                66cd1a65-ed80-4098-9325-f86dbc119fa7-grafik.png

                Hab dann so nen blöden Hintergrund.

                GlasfaserG 1 Antwort Letzte Antwort
                0
                • D3ltoroxpD D3ltoroxp

                  Kann man denn den Hintergrund von "View in Widget" transparent machen ?

                  66cd1a65-ed80-4098-9325-f86dbc119fa7-grafik.png

                  Hab dann so nen blöden Hintergrund.

                  GlasfaserG Online
                  GlasfaserG Online
                  Glasfaser
                  schrieb am zuletzt editiert von
                  #418

                  @d3ltoroxp

                  Keine Ahnung was du meinst .
                  Das View in Widget übernimmt nur 1:1 den Inhalt von deiner ausgewählen View.

                  Wenn der Hintergrund dunkel ist , dann wird er auch so übernommen .

                  Oder meinst du das " schraffierte " das ist im Editormodus

                  1.JPG

                  2.JPG

                  34714f62-450a-441a-a7c6-c04bfbb5c1bf-grafik.png

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  D3ltoroxpD 1 Antwort Letzte Antwort
                  0
                  • GlasfaserG Glasfaser

                    @d3ltoroxp

                    Keine Ahnung was du meinst .
                    Das View in Widget übernimmt nur 1:1 den Inhalt von deiner ausgewählen View.

                    Wenn der Hintergrund dunkel ist , dann wird er auch so übernommen .

                    Oder meinst du das " schraffierte " das ist im Editormodus

                    1.JPG

                    2.JPG

                    34714f62-450a-441a-a7c6-c04bfbb5c1bf-grafik.png

                    D3ltoroxpD Offline
                    D3ltoroxpD Offline
                    D3ltoroxp
                    schrieb am zuletzt editiert von D3ltoroxp
                    #419

                    @glasfaser Ich habe ja dort folgendes Erstellt.

                    abdbeb38-5a5d-47cb-b692-b56ea565df89-grafik.png

                    Damit ich das nicht in jeder View erstellen muss, mach ich das über View in Widget. Nun hat der graue Kasten ja einen Schatten. Den soll es in der View mit anzeigen. Aber dadurch sehe ich den weißen Rand auch noch mit in der View in Widget.

                    So wie im Bild oben. Oder kann ich den weißen Hintergrund der View transparent machen ?

                    a033c83c-c2c5-41c8-9b46-c348cce328e3-grafik.png

                    Das weiße soll transparent sein... ich hab jetzt mal in der View no Background angeklickt.

                    054ce7a7-899f-403d-891e-8217d8943a79-grafik.png

                    Aber auch hier bekomme ich das weiße am Rand.

                    EDIT::

                    Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                    77cb4d91-1e92-488c-ade8-364a6af48c15-grafik.png

                    GlasfaserG 2 Antworten Letzte Antwort
                    0
                    • D3ltoroxpD D3ltoroxp

                      @glasfaser Ich habe ja dort folgendes Erstellt.

                      abdbeb38-5a5d-47cb-b692-b56ea565df89-grafik.png

                      Damit ich das nicht in jeder View erstellen muss, mach ich das über View in Widget. Nun hat der graue Kasten ja einen Schatten. Den soll es in der View mit anzeigen. Aber dadurch sehe ich den weißen Rand auch noch mit in der View in Widget.

                      So wie im Bild oben. Oder kann ich den weißen Hintergrund der View transparent machen ?

                      a033c83c-c2c5-41c8-9b46-c348cce328e3-grafik.png

                      Das weiße soll transparent sein... ich hab jetzt mal in der View no Background angeklickt.

                      054ce7a7-899f-403d-891e-8217d8943a79-grafik.png

                      Aber auch hier bekomme ich das weiße am Rand.

                      EDIT::

                      Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                      77cb4d91-1e92-488c-ade8-364a6af48c15-grafik.png

                      GlasfaserG Online
                      GlasfaserG Online
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #420

                      @d3ltoroxp

                      Wie ist denn die Hintergrundfarbe vin der View Zuweisung , denn die View in Widget Auswahlbox ist Quadratisch , des sieht man es .

                      Versuche mal in View in Widget

                      7593d30b-cb0d-4798-89e2-86eb90289a5c-grafik.png

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      1 Antwort Letzte Antwort
                      1
                      • D3ltoroxpD D3ltoroxp

                        @glasfaser Ich habe ja dort folgendes Erstellt.

                        abdbeb38-5a5d-47cb-b692-b56ea565df89-grafik.png

                        Damit ich das nicht in jeder View erstellen muss, mach ich das über View in Widget. Nun hat der graue Kasten ja einen Schatten. Den soll es in der View mit anzeigen. Aber dadurch sehe ich den weißen Rand auch noch mit in der View in Widget.

                        So wie im Bild oben. Oder kann ich den weißen Hintergrund der View transparent machen ?

                        a033c83c-c2c5-41c8-9b46-c348cce328e3-grafik.png

                        Das weiße soll transparent sein... ich hab jetzt mal in der View no Background angeklickt.

                        054ce7a7-899f-403d-891e-8217d8943a79-grafik.png

                        Aber auch hier bekomme ich das weiße am Rand.

                        EDIT::

                        Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                        77cb4d91-1e92-488c-ade8-364a6af48c15-grafik.png

                        GlasfaserG Online
                        GlasfaserG Online
                        Glasfaser
                        schrieb am zuletzt editiert von
                        #421

                        @d3ltoroxp sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                        EDIT::
                        Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                        Ja gerade gesehen ... hast ein EDIT gemacht .

                        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                        D 1 Antwort Letzte Antwort
                        1
                        • GlasfaserG Glasfaser

                          @d3ltoroxp sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                          EDIT::
                          Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                          Ja gerade gesehen ... hast ein EDIT gemacht .

                          D Offline
                          D Offline
                          dos1973
                          schrieb am zuletzt editiert von dos1973
                          #422

                          wieder ein neuer Versuch... "Work in Progress"
                          ich werde einfach nicht glücklich 😉

                          Dashboard
                          dashboard.png

                          Licht
                          licht.png

                          mehr habe ich nicht... ich lass es dann 1-2 Tage laufen und
                          schau ob es mir weiterhin gefällt. Kann auch wie so oft einfach im Müll landen.

                          WszeneW N T Jens MeyerJ 4 Antworten Letzte Antwort
                          6
                          • NashraN Offline
                            NashraN Offline
                            Nashra
                            Most Active Forum Testing
                            schrieb am zuletzt editiert von
                            #423

                            @dos1973
                            du bist nicht allein, so geht es mir auch. was neues gebastelt und ein paar Tage später in die Tonne 😂

                            Gruß Ralf
                            Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

                            1 Antwort Letzte Antwort
                            0
                            • D dos1973

                              wieder ein neuer Versuch... "Work in Progress"
                              ich werde einfach nicht glücklich 😉

                              Dashboard
                              dashboard.png

                              Licht
                              licht.png

                              mehr habe ich nicht... ich lass es dann 1-2 Tage laufen und
                              schau ob es mir weiterhin gefällt. Kann auch wie so oft einfach im Müll landen.

                              WszeneW Offline
                              WszeneW Offline
                              Wszene
                              schrieb am zuletzt editiert von
                              #424

                              @dos1973
                              Also mir gefällt das sehr gut
                              Wenn du es nicht haben willst ich nehme es sehr gern 😊

                              Meine Hard- & Software:

                              • MSI Cubi 5 10M-049DE mit Proxmox
                              • CC2652P Zigbee Stick
                              • Steckdosen mit Tasmota und Zigbee
                              • Lichtschalter mit Tasmota
                              • IKEA TRÅDFRI Glühbirnen
                              • Aqara Sensoren
                              NashraN 1 Antwort Letzte Antwort
                              0
                              • WszeneW Wszene

                                @dos1973
                                Also mir gefällt das sehr gut
                                Wenn du es nicht haben willst ich nehme es sehr gern 😊

                                NashraN Offline
                                NashraN Offline
                                Nashra
                                Most Active Forum Testing
                                schrieb am zuletzt editiert von
                                #425

                                @wszene sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                @dos1973
                                Also mir gefällt das sehr gut
                                Wenn du es nicht haben willst ich nehme es sehr gern 😊

                                Bestimmt nicht nur du 😀
                                Aber so nebenbei, das Farbschema gefällt mir auch 👍

                                Gruß Ralf
                                Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

                                1 Antwort Letzte Antwort
                                0
                                • BostilB Bostil

                                  @horst-böttcher Ja, die Views werden ja hier auf dem Hauptscreen eingeblendet, sobald der dazugehörige Datenpunkt mit "1" aktiviert wird oder eben mit "0" deaktiviert wird.

                                  • der größere Button unten in der Navileiste bewirkt, dass ein entsprechender Datenpunkt (z. B. Homescreen_Steuerung Kalender) mit 1 beschrieben wird

                                  f70b8507-8848-40d3-9c20-cdf774a31e94-image.png

                                  • das dazu gehörige View in Widget mit Verweis auf die View "Kalender" wird über die Sichtbarkeitseigenschaft dann genau darüber gesteuert (ein-/ausgeblendet)
                                  • Und dann ist es ja noch so: Wenn du nun "Energie" aktivierst, sollen ja alle anderen Datenpunkte auf 0 gesetzt werden, damit nur das angewählte View auch eingeblendet wird - hierfür hilft mir ein Blockly aus:

                                  Blockly.txt

                                  wendy2702W Online
                                  wendy2702W Online
                                  wendy2702
                                  schrieb am zuletzt editiert von
                                  #426

                                  @bostil sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                  @horst-böttcher Ja, die Views werden ja hier auf dem Hauptscreen eingeblendet, sobald der dazugehörige Datenpunkt mit "1" aktiviert wird oder eben mit "0" deaktiviert wird.

                                  • der größere Button unten in der Navileiste bewirkt, dass ein entsprechender Datenpunkt (z. B. Homescreen_Steuerung Kalender) mit 1 beschrieben wird

                                  f70b8507-8848-40d3-9c20-cdf774a31e94-image.png

                                  • das dazu gehörige View in Widget mit Verweis auf die View "Kalender" wird über die Sichtbarkeitseigenschaft dann genau darüber gesteuert (ein-/ausgeblendet)
                                  • Und dann ist es ja noch so: Wenn du nun "Energie" aktivierst, sollen ja alle anderen Datenpunkte auf 0 gesetzt werden, damit nur das angewählte View auch eingeblendet wird - hierfür hilft mir ein Blockly aus:

                                  Blockly.txt

                                  Kurze Frage, hast du die Objekte alle manuell erstellt ?

                                  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
                                  • D dos1973

                                    wieder ein neuer Versuch... "Work in Progress"
                                    ich werde einfach nicht glücklich 😉

                                    Dashboard
                                    dashboard.png

                                    Licht
                                    licht.png

                                    mehr habe ich nicht... ich lass es dann 1-2 Tage laufen und
                                    schau ob es mir weiterhin gefällt. Kann auch wie so oft einfach im Müll landen.

                                    N Offline
                                    N Offline
                                    nousefor82
                                    schrieb am zuletzt editiert von
                                    #427

                                    @dos1973

                                    Wie man es von dir gewohnt ist...ein sehr schöner und klarer Stil. TOP!

                                    Darf ich fragen, auf was du die GUI laufen lässt? Also auf welchen Displaygröße wird das angezeigt.

                                    1 Antwort Letzte Antwort
                                    0
                                    • D dos1973

                                      wieder ein neuer Versuch... "Work in Progress"
                                      ich werde einfach nicht glücklich 😉

                                      Dashboard
                                      dashboard.png

                                      Licht
                                      licht.png

                                      mehr habe ich nicht... ich lass es dann 1-2 Tage laufen und
                                      schau ob es mir weiterhin gefällt. Kann auch wie so oft einfach im Müll landen.

                                      T Offline
                                      T Offline
                                      tege0
                                      schrieb am zuletzt editiert von
                                      #428

                                      @dos1973 WOW und das hast du alles in VIS Erstellt oder ist das ein sep. Adapter?

                                      N 1 Antwort Letzte Antwort
                                      0
                                      • T tege0

                                        @dos1973 WOW und das hast du alles in VIS Erstellt oder ist das ein sep. Adapter?

                                        N Offline
                                        N Offline
                                        nousefor82
                                        schrieb am zuletzt editiert von
                                        #429

                                        @tege0

                                        Alles in ✌IS

                                        D 1 Antwort Letzte Antwort
                                        0
                                        • N nousefor82

                                          @tege0

                                          Alles in ✌IS

                                          D Offline
                                          D Offline
                                          dos1973
                                          schrieb am zuletzt editiert von
                                          #430

                                          @nousefor82

                                          Das läuft mit einem Nuc und 15“ Touch Bildschirm in 1920x1080

                                          @tege0
                                          Yupp, alles mit VIS Boardmittel

                                          N D3ltoroxpD 2 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          695

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe