Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Wie ein Hintergrundbild in vis2-einfügen

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Wie ein Hintergrundbild in vis2-einfügen

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

      Hallo,
      wie kann ich denn ein Hintergrundbild in vis2 einfügen? (für Etagen-Darstellung)

      Über "Image" Widget hab ich es versucht, aber das ist ja dann kein richtiges Hintergrundbild.
      Hochgeladen hab ich das Bild bereits nach: vis.0/main/img/EG.png (kann es von da auch "nutzen")

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

        @topsurfer

        Per CSS?

        dc1c5e2a-c412-4488-8086-80e08893216b-image.png

        T 1 Reply Last reply Reply Quote 0
        • T
          topsurfer @Codierknecht last edited by

          @codierknecht
          Danke, aber hab ich noch einen Fehler, muss ich in der ersten Zeile was anderes eintragen?

          #visview_DemoView {
              background: #d0d0d0 url('vis.0/main/img/Erdgeschoss.png') no-repeat top-left!important;
          }
          

          53cc02b3-8426-443a-82f3-bb44a9e0410f-grafik.png

          Codierknecht 1 Reply Last reply Reply Quote 0
          • Codierknecht
            Codierknecht Developer Most Active @topsurfer last edited by Codierknecht

            @topsurfer sagte in Wie ein Hintergrundbild in vis2-einfügen:

            muss ich in der ersten Zeile was anderes eintragen?

            Vermutlich. Prüfe im Browser mal mit F12, welche ID Dein oberstes Element hat.

            e2bb337c-ce28-4180-b6cc-fb2daafdd4c5-image.png

            Du könntest auch

            #root > div {
            

            nehmen. Damit wird das erste div unterhalb desjenigen mit der id #root angesprochen.

            1 Reply Last reply Reply Quote 0
            • T
              topsurfer last edited by topsurfer

              @codierknecht
              Puhh, ich sehe bei mir nicht so wie bei dir ein "div-class" ..

              Meinst du im vis-Editor F12, oder bei der URL in einem extra Browser (http://IP:8082/vis-2/index.html#Erdgeschoss)
              Und so ein eigenes Hintergrundbild, da gibt es keine (einfachen) Menupunkt dafür ;-( ? Dachte das nutzen einige.

              (Im Code hatte noch der führende / vor vis.0 gefehlt, habe ich korrigiert, keine Besserung)
              5375941a-2333-4fa3-8b14-3129ed8abe22-grafik.png

              Codierknecht 1 Reply Last reply Reply Quote 0
              • Codierknecht
                Codierknecht Developer Most Active @topsurfer last edited by

                @topsurfer sagte in Wie ein Hintergrundbild in vis2-einfügen:

                Meinst du im vis-Editor F12, oder bei der URL in einem extra Browser

                Die Runtime - in einem eigenen Browserfenster oder Tab

                1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @topsurfer last edited by

                  @topsurfer

                  Mal hier probiert:

                  Screenshot (1134).png

                  Codierknecht 1 Reply Last reply Reply Quote 0
                  • Codierknecht
                    Codierknecht Developer Most Active @sigi234 last edited by

                    @sigi234 sagte in Wie ein Hintergrundbild in vis2-einfügen:

                    Mal hier probiert:

                    Ich schon. Leider erfolglos 😞

                    Wäre ja auch zu schön, wenn man da einfach etwas auswählen könnte 😉

                    T 1 Reply Last reply Reply Quote 0
                    • T
                      topsurfer @Codierknecht last edited by

                      @codierknecht said in Wie ein Hintergrundbild in vis2-einfügen:

                      Ich schon. Leider erfolglos

                      Dito.... als erstes ...
                      83449790-2669-4374-8ece-b47863962d7d-grafik.png

                      Codierknecht 1 Reply Last reply Reply Quote 0
                      • Codierknecht
                        Codierknecht Developer Most Active @topsurfer last edited by Codierknecht

                        @sigi234 @topsurfer

                        Aber so geht's:

                        1622a907-a02e-48b3-a1cf-9deb71896802-image.png

                        T 1 Reply Last reply Reply Quote 1
                        • T
                          topsurfer @Codierknecht last edited by

                          @codierknecht
                          Du bist der Beste, danke!

                          Aber macht das kaum jemand, oder warum ist das so "kompliziert" oder findet man nichts bei Google,YT, ... ?

                          Codierknecht 1 Reply Last reply Reply Quote 0
                          • Codierknecht
                            Codierknecht Developer Most Active @topsurfer last edited by

                            @topsurfer sagte in Wie ein Hintergrundbild in vis2-einfügen:

                            macht das kaum jemand

                            Kann ich mir gut vorstellen. Eine Vis wirkt damit schnell überladen.

                            Ich persönlich bin von Vis2 noch nicht überzeugt. Da wirkt vieles noch nicht ganz ausgereift.

                            T 1 Reply Last reply Reply Quote 0
                            • T
                              topsurfer @Codierknecht last edited by

                              @codierknecht
                              aber welche Alternativen gibt es als Neueinstiger?

                              Die alte Vis?
                              hab iqontrol gesehen, ist das eins alternative, oder eher nur eine Art Ergänzung?

                              Codierknecht 1 Reply Last reply Reply Quote 0
                              • Codierknecht
                                Codierknecht Developer Most Active @topsurfer last edited by

                                @topsurfer
                                Ich bin mit der "alten" Vis völlig zufrieden.

                                iQuontrol etc. sind mir zu starr.

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                1.2k
                                Online

                                31.7k
                                Users

                                79.7k
                                Topics

                                1.3m
                                Posts

                                3
                                14
                                310
                                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