Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. English
    3. Visualization
    4. Visualization for Dummies

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Visualization for Dummies

    This topic has been deleted. Only users with topic management privileges can see it.
    • I
      I-Punkt last edited by

      With the HTML-Widget you can use standard Html-Codes.

      10b14c98-b146-4719-abee-67aa315e848b-image.png

      Colors can be discribe as words (red, green,...) or as Hex (#fd5e5e,....).

      A 1 Reply Last reply Reply Quote 0
      • I
        I-Punkt last edited by

        I often use the Metro-Widgets. Lots of settings to play with.

        86d009c3-75fe-4886-ad7b-17cdfdcb2731-image.png

        You have to install them first via adapters.
        9dc71266-041c-482e-864c-4dd9c6a41199-image.png

        A 1 Reply Last reply Reply Quote 0
        • A
          ap2017 @I-Punkt last edited by

          @I-Punkt Thank you! Now we are talking, it works exactly as I wanted! What was missing here is an example that you provided since I have no experience with HTML.

          Part of a problem with most open source efforts is that support forums or blogs are not setup to efficiently store and retrieve lessons learned information, they are typically get drowned in tons of unrelated messages. I wish IOBroker adapts different way of storing lessons learned, perhaps overseen by few senior members, cleaned up from unnecessary garbage. What you provided would go into VIS adapter section, HTML widgets example of implementation. Some day I would love to participate.

          1 Reply Last reply Reply Quote 0
          • A
            ap2017 @I-Punkt last edited by

            @I-Punkt Thank you, trying it now

            1 Reply Last reply Reply Quote 0
            • I
              I-Punkt last edited by

              Here is another Html-Code I sometimes use for a nice Glow-Effect:
              4f202b4b-c8b4-4b7d-bdeb-7d6a0edb660d-image.png

              <div style="text-shadow: 0px 0px 4px #ff7575, 0px 0px 4px #ff7575, 0px 0px 4px #ff7575">
              

              The triple use of the same sequence (0px 0px 4px #ff7575) is only to intensify the color. One time is barely visible on black background.

              You can find another examples here. You can combine this with other html-settings.

              A S 2 Replies Last reply Reply Quote 0
              • A
                ap2017 @I-Punkt last edited by

                @I-Punkt Thank you, will try it

                1 Reply Last reply Reply Quote 0
                • S
                  solarimpulse @I-Punkt last edited by

                  @I-Punkt
                  Hi I-Punkt

                  What you propose is not working in my case.
                  <div style=“background-color: green“> true
                  It doesn't do anything

                  Can somebody help?

                  Thanks

                  I 1 Reply Last reply Reply Quote 0
                  • I
                    I-Punkt @solarimpulse last edited by

                    @solarimpulse
                    Hi solarimpulse
                    just a little hint (maybe you don't know it yet): These settings only work in the "final view" (runtime) and not within the editor. Hope this helps.
                    Ingo

                    S 1 Reply Last reply Reply Quote 0
                    • S
                      solarimpulse @I-Punkt last edited by

                      @I-Punkt
                      Hi again
                      just tried again. But it doesn't do anything also in the "final view". Text is changing but not the background. the widgets is transparent.
                      d2995aae-1bcc-4911-8a94-65f6dd876a4c-image.png
                      Thanks for the help.

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        solarimpulse @solarimpulse last edited by

                        @solarimpulse
                        Just found the problem! the Quotation mark have been wrong...

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        402
                        Online

                        31.8k
                        Users

                        80.0k
                        Topics

                        1.3m
                        Posts

                        vis
                        5
                        21
                        3699
                        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