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. Wie ein Hintergrundbild in vis2-einfügen

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Wie ein Hintergrundbild in vis2-einfügen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 3 Kommentatoren 544 Aufrufe 4 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.
  • T Offline
    T Offline
    topsurfer
    schrieb am zuletzt editiert von topsurfer
    #1

    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")

    CodierknechtC sigi234S 2 Antworten Letzte Antwort
    0
    • T 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")

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

      @topsurfer

      Per CSS?

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

      "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

      T 1 Antwort Letzte Antwort
      0
      • CodierknechtC Codierknecht

        @topsurfer

        Per CSS?

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

        T Offline
        T Offline
        topsurfer
        schrieb am zuletzt editiert von
        #3

        @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

        CodierknechtC 1 Antwort Letzte Antwort
        0
        • T topsurfer

          @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

          CodierknechtC Online
          CodierknechtC Online
          Codierknecht
          Developer Most Active
          schrieb am zuletzt editiert von Codierknecht
          #4

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

          "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

          1 Antwort Letzte Antwort
          0
          • T Offline
            T Offline
            topsurfer
            schrieb am zuletzt editiert von topsurfer
            #5

            @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

            CodierknechtC 1 Antwort Letzte Antwort
            0
            • T 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

              CodierknechtC Online
              CodierknechtC Online
              Codierknecht
              Developer Most Active
              schrieb am zuletzt editiert von
              #6

              @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

              "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

              1 Antwort Letzte Antwort
              0
              • T 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")

                sigi234S Online
                sigi234S Online
                sigi234
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #7

                @topsurfer

                Mal hier probiert:

                Screenshot (1134).png

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

                CodierknechtC 1 Antwort Letzte Antwort
                0
                • sigi234S sigi234

                  @topsurfer

                  Mal hier probiert:

                  Screenshot (1134).png

                  CodierknechtC Online
                  CodierknechtC Online
                  Codierknecht
                  Developer Most Active
                  schrieb am zuletzt editiert von
                  #8

                  @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 ;-)

                  "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

                  T 1 Antwort Letzte Antwort
                  0
                  • CodierknechtC Codierknecht

                    @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 Offline
                    T Offline
                    topsurfer
                    schrieb am zuletzt editiert von
                    #9

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

                    Ich schon. Leider erfolglos

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

                    CodierknechtC 1 Antwort Letzte Antwort
                    0
                    • T topsurfer

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

                      Ich schon. Leider erfolglos

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

                      CodierknechtC Online
                      CodierknechtC Online
                      Codierknecht
                      Developer Most Active
                      schrieb am zuletzt editiert von Codierknecht
                      #10

                      @sigi234 @topsurfer

                      Aber so geht's:

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

                      "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

                      T 1 Antwort Letzte Antwort
                      1
                      • CodierknechtC Codierknecht

                        @sigi234 @topsurfer

                        Aber so geht's:

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

                        T Offline
                        T Offline
                        topsurfer
                        schrieb am zuletzt editiert von
                        #11

                        @codierknecht
                        Du bist der Beste, danke!

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

                        CodierknechtC 1 Antwort Letzte Antwort
                        0
                        • T topsurfer

                          @codierknecht
                          Du bist der Beste, danke!

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

                          CodierknechtC Online
                          CodierknechtC Online
                          Codierknecht
                          Developer Most Active
                          schrieb am zuletzt editiert von
                          #12

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

                          "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

                          T 1 Antwort Letzte Antwort
                          0
                          • CodierknechtC Codierknecht

                            @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 Offline
                            T Offline
                            topsurfer
                            schrieb am zuletzt editiert von
                            #13

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

                            CodierknechtC 1 Antwort Letzte Antwort
                            0
                            • T topsurfer

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

                              CodierknechtC Online
                              CodierknechtC Online
                              Codierknecht
                              Developer Most Active
                              schrieb am zuletzt editiert von
                              #14

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

                              iQuontrol etc. sind mir zu starr.

                              "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

                              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

                              554

                              Online

                              32.6k

                              Benutzer

                              82.2k

                              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