Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Grundlagen Frage: Erstellung eines Layouts

    NEWS

    • Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Grundlagen Frage: Erstellung eines Layouts

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      dadsche last edited by

      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

      Codierknecht ice987 2 Replies Last reply Reply Quote 0
      • Codierknecht
        Codierknecht Developer Most Active @dadsche last edited by

        @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 1 Reply Last reply Reply Quote 0
        • D
          dadsche @Codierknecht last edited by

          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 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser last edited by

            @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 1 Reply Last reply Reply Quote 0
            • ice987
              ice987 @dadsche last edited by

              @dadsche

              Ggf. ist das ein Ansatz:

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

              1 Reply Last reply Reply Quote 0
              • D
                dadsche @Glasfaser last edited by

                @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.

                DJMarc75 1 Reply Last reply Reply Quote 0
                • DJMarc75
                  DJMarc75 @dadsche last edited by

                  @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.

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

                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  1.1k
                  Online

                  32.3k
                  Users

                  81.0k
                  Topics

                  1.3m
                  Posts

                  vis
                  5
                  7
                  642
                  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