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. Visualisierung
  4. Grundlagen Frage: Erstellung eines Layouts

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    592

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Grundlagen Frage: Erstellung eines Layouts

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
7 Beiträge 5 Kommentatoren 788 Aufrufe 5 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.
  • D Offline
    D Offline
    dadsche
    schrieb am zuletzt editiert von
    #1

    Hallo Zusammen,

    ich habe bisher noch nicht so die Erfahrung in der Erstellung einer Visualisierung, möchte das Thema jetzt aber endlich einmal angreifen. Ich habe mir dazu ein paar Youtube Videos angeschaut, die haben mich aber nicht so richtig weitergebracht...

    Wie kann ich ein über CSS/html erstelltes Layout (mit Grid Layout) in die Vis bekommen? oder ist dies so gar nicht gedacht?
    Wo muss ich den CSS-Code hineinschrieben/ -packen? Wenn ich bei "View" -> "CSS" den Code einfüge zerschießt es mir die komplette Vis.

    Viele Grüße
    Dadsche

    CodierknechtC ice987I 2 Antworten Letzte Antwort
    0
    • D dadsche

      Hallo Zusammen,

      ich habe bisher noch nicht so die Erfahrung in der Erstellung einer Visualisierung, möchte das Thema jetzt aber endlich einmal angreifen. Ich habe mir dazu ein paar Youtube Videos angeschaut, die haben mich aber nicht so richtig weitergebracht...

      Wie kann ich ein über CSS/html erstelltes Layout (mit Grid Layout) in die Vis bekommen? oder ist dies so gar nicht gedacht?
      Wo muss ich den CSS-Code hineinschrieben/ -packen? Wenn ich bei "View" -> "CSS" den Code einfüge zerschießt es mir die komplette Vis.

      Viele Grüße
      Dadsche

      CodierknechtC Offline
      CodierknechtC Offline
      Codierknecht
      Developer Most Active
      schrieb am zuletzt editiert von
      #2

      @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

      ... oder ist dies so gar nicht gedacht?

      Gut erkannt!

      @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

      Wo muss ich den CSS-Code hineinschrieben/ -packen? Wenn ich bei "View" -> "CSS" den Code einfüge zerschießt es mir die komplette Vis.

      Was für ein ausgefeiltes CSS willst Du denn da unterbringen?
      In der Regel muss man da nicht viel reinpacken. Das meiste stellt man üblicherweise am Widget ein.

      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

      Proxmox 9.1.1 LXC|8 GB|Core i7-6700
      HmIP|ZigBee|Tasmota|Unifi
      Zabbix Certified Specialist
      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

      D 1 Antwort Letzte Antwort
      0
      • CodierknechtC Codierknecht

        @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

        ... oder ist dies so gar nicht gedacht?

        Gut erkannt!

        @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

        Wo muss ich den CSS-Code hineinschrieben/ -packen? Wenn ich bei "View" -> "CSS" den Code einfüge zerschießt es mir die komplette Vis.

        Was für ein ausgefeiltes CSS willst Du denn da unterbringen?
        In der Regel muss man da nicht viel reinpacken. Das meiste stellt man üblicherweise am Widget ein.

        D Offline
        D Offline
        dadsche
        schrieb am zuletzt editiert von
        #3

        Guten Morgen,

        @codierknecht sagte in Grundlagen Frage: Erstellung eines Layouts:

        Was für ein ausgefeiltes CSS willst Du denn da unterbringen?
        In der Regel muss man da nicht viel reinpacken. Das meiste stellt man üblicherweise am Widget ein.

        Ich habe ein über Grid-Layout erstelltes (weitestgehend) auflösungsunabhängiges Layout. Diese Auflösungsunabhängigkeit ist mir bisher noch nicht über die Widget gelungen.

        Ich hatte die Hoffnung, dass ich das Layout verwenden und an die jeweiligen definierten Positionen die Widget einbauen kann.

        Viele Grüße

        1 Antwort Letzte Antwort
        0
        • GlasfaserG Online
          GlasfaserG Online
          Glasfaser
          schrieb am zuletzt editiert von
          #4

          @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

          Wie kann ich ein über CSS/html erstelltes Layout (mit Grid Layout) in die Vis bekommen?

          Was wäre hirmit , das Widget Grid ist schon dazu vorhanden :

          https://github.com/Scrounger/ioBroker.vis-materialdesign#grid-views

          siehe auch Beispiel eines VIS Projektes dazu :
          https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view

          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
          0
          • D dadsche

            Hallo Zusammen,

            ich habe bisher noch nicht so die Erfahrung in der Erstellung einer Visualisierung, möchte das Thema jetzt aber endlich einmal angreifen. Ich habe mir dazu ein paar Youtube Videos angeschaut, die haben mich aber nicht so richtig weitergebracht...

            Wie kann ich ein über CSS/html erstelltes Layout (mit Grid Layout) in die Vis bekommen? oder ist dies so gar nicht gedacht?
            Wo muss ich den CSS-Code hineinschrieben/ -packen? Wenn ich bei "View" -> "CSS" den Code einfüge zerschießt es mir die komplette Vis.

            Viele Grüße
            Dadsche

            ice987I Offline
            ice987I Offline
            ice987
            schrieb am zuletzt editiert von
            #5

            @dadsche

            Ggf. ist das ein Ansatz:

            https://forum.iobroker.net/topic/57429/gelöst-vis-auf-2-clients/13?_=1673856236244

            husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

            1 Antwort Letzte Antwort
            0
            • GlasfaserG Glasfaser

              @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

              Wie kann ich ein über CSS/html erstelltes Layout (mit Grid Layout) in die Vis bekommen?

              Was wäre hirmit , das Widget Grid ist schon dazu vorhanden :

              https://github.com/Scrounger/ioBroker.vis-materialdesign#grid-views

              siehe auch Beispiel eines VIS Projektes dazu :
              https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view

              D Offline
              D Offline
              dadsche
              schrieb am zuletzt editiert von
              #6

              @glasfaser sagte in Grundlagen Frage: Erstellung eines Layouts:

              Was wäre hirmit , das Widget Grid ist schon dazu vorhanden

              Wie bekomme ich die in meine Vis?
              Wie schon gesagt, ich habe im Bereich Vis keine Erfahrungen.

              DJMarc75D 1 Antwort Letzte Antwort
              0
              • D dadsche

                @glasfaser sagte in Grundlagen Frage: Erstellung eines Layouts:

                Was wäre hirmit , das Widget Grid ist schon dazu vorhanden

                Wie bekomme ich die in meine Vis?
                Wie schon gesagt, ich habe im Bereich Vis keine Erfahrungen.

                DJMarc75D Offline
                DJMarc75D Offline
                DJMarc75
                schrieb am zuletzt editiert von
                #7

                @dadsche sagte in Grundlagen Frage: Erstellung eines Layouts:

                Wie bekomme ich die in meine Vis?

                Dazu musst Du den Adapter "materialdesign" installieren - der ist aber glaub ich nur über das latest-Repository verfügbar.
                Also "kurz" auf latest umstellen, Adapter & Instanz installieren und bitte danach gleich wieder auf stable umstellen.

                Danach ggf VIS neu starten und dann hast Du diese ganzen Widgets zur Verfügung.

                Lehrling seit 1975 !!!
                Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

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


                Support us

                ioBroker
                Community Adapters
                Donate

                597

                Online

                32.7k

                Benutzer

                82.6k

                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