Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. English
  3. Visualization
  4. Read oid in VIS HTML

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Read oid in VIS HTML

Scheduled Pinned Locked Moved Visualization
vis
15 Posts 3 Posters 1.7k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • GunthervcG Gunthervc

    Hi,
    Could someone help me to get the image in my table instead of true/false text.

    In VIS i placed a HTML widget .
    Is it possible to read image instead of text and also is it possible to change the status like the bulb on/off widget in a table?

    <table class="mytable">
    <tr>
    <td width="20%">{sonoff.0.Lamp.POWER}</td>
    <td width="80%">{sonoff.0.Lamp.INFO.Hostname}</td>
    </tr>
    </table>

    thank you

    CrunkFXC Offline
    CrunkFXC Offline
    CrunkFX
    Forum Testing
    wrote on last edited by
    #2

    @Gunthervc Why are you using a Table for that?

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

    1 Reply Last reply
    0
    • GunthervcG Offline
      GunthervcG Offline
      Gunthervc
      wrote on last edited by
      #3

      @CrunkFX To make a better and proper align on vis html.

      CrunkFXC 2 Replies Last reply
      0
      • GunthervcG Gunthervc

        @CrunkFX To make a better and proper align on vis html.

        CrunkFXC Offline
        CrunkFXC Offline
        CrunkFX
        Forum Testing
        wrote on last edited by
        #4

        @Gunthervc OK i'll take a Look at IT later

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        1 Reply Last reply
        0
        • GunthervcG Gunthervc

          @CrunkFX To make a better and proper align on vis html.

          CrunkFXC Offline
          CrunkFXC Offline
          CrunkFX
          Forum Testing
          wrote on last edited by
          #5

          @Gunthervc So doing it with a table will be a bit tricky but not impossible. I tried finding a way without using scripts for that.

          First goto your VIS FileManager and Create an new folder with a custom nameScreenshot (22).png
          then open the created folder and upload your images to itScreenshot (21).png
          then put the actual states of your switched element into the names ( in my case true and false).

          After that you can close the window and goto the HTML Table and put the following line into it:

          <img src= /vis.0/test/img/lamp1/{0_userdata.0.yourlamporwhatever}.png height=100 width=100>
          

          This is the Path we created earlier:

          /vis.0/test/img/lamp1/
          

          This is the actual State(true, false,1,0,whatever):

          {0_userdata.0.yourlamporwhatever}
          

          The rest of the filename so if you use jpg put in .jpg:

          .png
          

          That should do the Trick.
          I´ll be available for any questions

          Kind regards
          CrunkFX

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          GunthervcG 1 Reply Last reply
          1
          • CrunkFXC CrunkFX

            @Gunthervc So doing it with a table will be a bit tricky but not impossible. I tried finding a way without using scripts for that.

            First goto your VIS FileManager and Create an new folder with a custom nameScreenshot (22).png
            then open the created folder and upload your images to itScreenshot (21).png
            then put the actual states of your switched element into the names ( in my case true and false).

            After that you can close the window and goto the HTML Table and put the following line into it:

            <img src= /vis.0/test/img/lamp1/{0_userdata.0.yourlamporwhatever}.png height=100 width=100>
            

            This is the Path we created earlier:

            /vis.0/test/img/lamp1/
            

            This is the actual State(true, false,1,0,whatever):

            {0_userdata.0.yourlamporwhatever}
            

            The rest of the filename so if you use jpg put in .jpg:

            .png
            

            That should do the Trick.
            I´ll be available for any questions

            Kind regards
            CrunkFX

            GunthervcG Offline
            GunthervcG Offline
            Gunthervc
            wrote on last edited by
            #6

            @CrunkFX This is awesone!
            Search this for a long time.

            Is it also possible to make these images to toggle (false/true) on click?

            I appreciate your help.

            CrunkFXC 1 Reply Last reply
            0
            • GunthervcG Gunthervc

              @CrunkFX This is awesone!
              Search this for a long time.

              Is it also possible to make these images to toggle (false/true) on click?

              I appreciate your help.

              CrunkFXC Offline
              CrunkFXC Offline
              CrunkFX
              Forum Testing
              wrote on last edited by
              #7

              @Gunthervc There's Dome was of creating a Button Image. I'll take a Look at IT.

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              1 Reply Last reply
              0
              • GunthervcG Offline
                GunthervcG Offline
                Gunthervc
                wrote on last edited by Gunthervc
                #8

                Is there some limitation on creating objects in 1 table?
                After 10 rows the latest image won't be showing.
                When adding 1 more (11rows) all table are gone and showing code.

                A.jpg
                B.jpg

                CrunkFXC 2 Replies Last reply
                0
                • GunthervcG Gunthervc

                  Is there some limitation on creating objects in 1 table?
                  After 10 rows the latest image won't be showing.
                  When adding 1 more (11rows) all table are gone and showing code.

                  A.jpg
                  B.jpg

                  CrunkFXC Offline
                  CrunkFXC Offline
                  CrunkFX
                  Forum Testing
                  wrote on last edited by CrunkFX
                  #9

                  @Gunthervc We got that issue already. I'll try top find the Thread but i don't Know If There's was a workaround

                  we kunnen ook gewoon nederlands praten als dat makkelijker is

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Reply Last reply
                  0
                  • GunthervcG Gunthervc

                    Is there some limitation on creating objects in 1 table?
                    After 10 rows the latest image won't be showing.
                    When adding 1 more (11rows) all table are gone and showing code.

                    A.jpg
                    B.jpg

                    CrunkFXC Offline
                    CrunkFXC Offline
                    CrunkFX
                    Forum Testing
                    wrote on last edited by
                    #10

                    @Gunthervc Could you try to use div's instead of Tables?

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    GunthervcG 1 Reply Last reply
                    0
                    • CrunkFXC CrunkFX

                      @Gunthervc Could you try to use div's instead of Tables?

                      GunthervcG Offline
                      GunthervcG Offline
                      Gunthervc
                      wrote on last edited by Gunthervc
                      #11

                      @CrunkFX thanks for the effort.

                      if you can find the topic please let me know.
                      i will try div instead of tables.

                      Ja in het nederlands zou makkelijker zijn maar weet niet of het is toegelaten op dit forum.
                      Je heb me al heel hard geholpen met aantal problemen.
                      Ik ben graag met deze zaken bezig maar schiet te kort in het schrijven van code. Het uitlezen is geen probleem maar kan ze nooit zelf bedenken.

                      Dit alles is begonnen met mijn simatic S7 waar ik momenteel alles mee doe.

                      CrunkFXC 1 Reply Last reply
                      0
                      • CrunkFXC Offline
                        CrunkFXC Offline
                        CrunkFX
                        Forum Testing
                        wrote on last edited by
                        #12

                        @Gunthervc
                        u kunt ook gebruik maken van het nederlandse forum hier https://forum.iobroker.net/category/40/nederlands

                        het topic ging niet over html maar ik dacht dat wel.

                        er zijn hier scripts die het mogelijk maken om grote html-tabellen te maken, dus dit moet mogelijk zijn. Ik zal deze scripts uitvoeren en zien wat ze anders doen

                        Groeten
                        CrunkFX

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        1 Reply Last reply
                        0
                        • GunthervcG Gunthervc

                          @CrunkFX thanks for the effort.

                          if you can find the topic please let me know.
                          i will try div instead of tables.

                          Ja in het nederlands zou makkelijker zijn maar weet niet of het is toegelaten op dit forum.
                          Je heb me al heel hard geholpen met aantal problemen.
                          Ik ben graag met deze zaken bezig maar schiet te kort in het schrijven van code. Het uitlezen is geen probleem maar kan ze nooit zelf bedenken.

                          Dit alles is begonnen met mijn simatic S7 waar ik momenteel alles mee doe.

                          CrunkFXC Offline
                          CrunkFXC Offline
                          CrunkFX
                          Forum Testing
                          wrote on last edited by
                          #13

                          @Gunthervc kunt u hier uw html-script als code plaatsen of via directe chat?

                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          1 Reply Last reply
                          0
                          • O Offline
                            O Offline
                            oliverthom707
                            wrote on last edited by oliverthom707
                            #14

                            Is it also possible to make these images to toggle (false/true) on click?.

                            CrunkFXC 1 Reply Last reply
                            0
                            • O oliverthom707

                              Is it also possible to make these images to toggle (false/true) on click?.

                              CrunkFXC Offline
                              CrunkFXC Offline
                              CrunkFX
                              Forum Testing
                              wrote on last edited by
                              #15

                              @oliverthom707 Of course, it is possible, but somehow not very effective to build. I would consider doing it with a Material Table by Scrounger or just using Buttons in VIS. If created by hand we can´t get big HTML Tables to work properly.

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              1 Reply Last reply
                              0
                              Reply
                              • Reply as topic
                              Log in to reply
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              301

                              Online

                              32.7k

                              Users

                              82.4k

                              Topics

                              1.3m

                              Posts
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Login

                              • Don't have an account? Register

                              • Login or register to search.
                              • First post
                                Last post
                              0
                              • Home
                              • Recent
                              • Tags
                              • Unread 0
                              • Categories
                              • Unreplied
                              • Popular
                              • GitHub
                              • Docu
                              • Hilfe