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.1k

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

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

                            660

                            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