Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    214

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

Scheduled Pinned Locked Moved Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Posts 296 Posters 7.0m Views 201 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.
  • dslraserD dslraser

    falls noch Jemand ein Bildchen für die Kachel sucht oder braucht....
    (ich habe das hier genommen)

    buli.png

    sieht dann so aus bei mir

    Screenshot_20200701-221510_Chrome.jpg

    Oder hat noch Jemand ein Bild mit transparentem Hintergrund ?

    B Offline
    B Offline
    blackeagle998
    wrote on last edited by
    #2618

    @dslraser
    Ich hab das hier genommen:
    Bundesliga.png

    dslraserD 2 Replies Last reply
    2
    • B blackeagle998

      @dslraser
      Ich hab das hier genommen:
      Bundesliga.png

      dslraserD Offline
      dslraserD Offline
      dslraser
      Forum Testing Most Active
      wrote on last edited by
      #2619

      @blackeagle998
      sieht besser aus, danke.

      1 Reply Last reply
      0
      • B blackeagle998

        @dslraser
        Ich hab das hier genommen:
        Bundesliga.png

        dslraserD Offline
        dslraserD Offline
        dslraser
        Forum Testing Most Active
        wrote on last edited by
        #2620

        @blackeagle998
        ich habe gerade mal versucht einen Lieblingsverein einzubinden, aber da kommt nur Murx raus. Da scheint im widget was nicht zu stimmen....

        <div id="fblwidget_teammatches"></div>
        <script src="//bundesliga-widgets.de/js/teammatches.js"
        type="text/javascript"></script>
        
        <script type="text/javascript">
          var fblWidgetSettings = {
             // das Team, dessen Spiele in das Widget geladen werden:
            teamMatchesTeam: 'Wolfsburg'
        }
        </script>
        
        B 1 Reply Last reply
        0
        • dslraserD dslraser

          @blackeagle998
          ich habe gerade mal versucht einen Lieblingsverein einzubinden, aber da kommt nur Murx raus. Da scheint im widget was nicht zu stimmen....

          <div id="fblwidget_teammatches"></div>
          <script src="//bundesliga-widgets.de/js/teammatches.js"
          type="text/javascript"></script>
          
          <script type="text/javascript">
            var fblWidgetSettings = {
               // das Team, dessen Spiele in das Widget geladen werden:
              teamMatchesTeam: 'Wolfsburg'
          }
          </script>
          
          B Offline
          B Offline
          blackeagle998
          wrote on last edited by
          #2621

          @dslraser
          Probier mal das hier:

          <div id="fblwidget_teammatches"></div> 
          <script src="//bundesliga-widgets.de/js/teammatches.js" type="text/javascript"></script> 
          
          <script type="text/javascript"> 
          var fblWidgetSettings = { 
          teamMatchesTeam: 'VFL Wolfsburg', 
          weekCountPast: 4,
          weekCountFuture: 8
          }; 
          </script>
          
          dslraserD 2 Replies Last reply
          0
          • B blackeagle998

            @dslraser
            Probier mal das hier:

            <div id="fblwidget_teammatches"></div> 
            <script src="//bundesliga-widgets.de/js/teammatches.js" type="text/javascript"></script> 
            
            <script type="text/javascript"> 
            var fblWidgetSettings = { 
            teamMatchesTeam: 'VFL Wolfsburg', 
            weekCountPast: 4,
            weekCountFuture: 8
            }; 
            </script>
            
            dslraserD Offline
            dslraserD Offline
            dslraser
            Forum Testing Most Active
            wrote on last edited by
            #2622

            @blackeagle998
            nee, kommt leider auch murx raus

            Bildschirmfoto 2020-07-01 um 22.54.12.png

            Ich probiere gerade den Editor

            https://codepen.io/msiggi/pen/aybQxX

            1 Reply Last reply
            0
            • B blackeagle998

              @dslraser
              Probier mal das hier:

              <div id="fblwidget_teammatches"></div> 
              <script src="//bundesliga-widgets.de/js/teammatches.js" type="text/javascript"></script> 
              
              <script type="text/javascript"> 
              var fblWidgetSettings = { 
              teamMatchesTeam: 'VFL Wolfsburg', 
              weekCountPast: 4,
              weekCountFuture: 8
              }; 
              </script>
              
              dslraserD Offline
              dslraserD Offline
              dslraser
              Forum Testing Most Active
              wrote on last edited by
              #2623

              @blackeagle998
              da in dem Editor geht es (aber ich habe leider keine Ahnung von html)

              https://codepen.io/msiggi/pen/aybQxX

              Siehe Spoiler


              Bildschirmfoto 2020-07-01 um 22.56.51.png

              B 1 Reply Last reply
              0
              • dslraserD dslraser

                @blackeagle998
                da in dem Editor geht es (aber ich habe leider keine Ahnung von html)

                https://codepen.io/msiggi/pen/aybQxX

                Siehe Spoiler


                Bildschirmfoto 2020-07-01 um 22.56.51.png

                B Offline
                B Offline
                blackeagle998
                wrote on last edited by
                #2624

                @dslraser
                Also bei mir geht es, wenn ich den HTML Code aus meinem letzten Post in ein Popup (HTML = Konstante) einfüge:

                Screenshot_20200701-230630.png

                dslraserD 2 Replies Last reply
                0
                • B blackeagle998

                  @dslraser
                  Also bei mir geht es, wenn ich den HTML Code aus meinem letzten Post in ein Popup (HTML = Konstante) einfüge:

                  Screenshot_20200701-230630.png

                  dslraserD Offline
                  dslraserD Offline
                  dslraser
                  Forum Testing Most Active
                  wrote on last edited by
                  #2625

                  @blackeagle998
                  merkwürdig...bei mir nicht

                  1 Reply Last reply
                  0
                  • B blackeagle998

                    @dslraser
                    Also bei mir geht es, wenn ich den HTML Code aus meinem letzten Post in ein Popup (HTML = Konstante) einfüge:

                    Screenshot_20200701-230630.png

                    dslraserD Offline
                    dslraserD Offline
                    dslraser
                    Forum Testing Most Active
                    wrote on last edited by
                    #2626

                    @blackeagle998
                    ich habe jetzt die Kachel nochmal neu angelegt (vorher hatte ich eine bestehende kopiert, so wie sonst auch, da geht es nicht)
                    Mit der neuen Kachel geht es jetzt. Danke

                    1 Reply Last reply
                    1
                    • B Offline
                      B Offline
                      blackeagle998
                      wrote on last edited by
                      #2627

                      Es gibt sogar die Möglichkeit, die Bundesliga (und andere Ligen) als iFrame mit Navigationsmenü einzubinden (News, Spieltag, Tabelle, Torjäger etc.):

                      Screenshot_20200701-235327.png

                      Code für 1. Bundesliga:

                      <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                      

                      Code für LaLiga (Spanien):

                      <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73980&div_id=widget_73980&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                      
                      dslraserD B 3 Replies Last reply
                      1
                      • B blackeagle998

                        Es gibt sogar die Möglichkeit, die Bundesliga (und andere Ligen) als iFrame mit Navigationsmenü einzubinden (News, Spieltag, Tabelle, Torjäger etc.):

                        Screenshot_20200701-235327.png

                        Code für 1. Bundesliga:

                        <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                        

                        Code für LaLiga (Spanien):

                        <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73980&div_id=widget_73980&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                        
                        dslraserD Offline
                        dslraserD Offline
                        dslraser
                        Forum Testing Most Active
                        wrote on last edited by
                        #2628

                        @blackeagle998 sagte in Test Adapter iQontrol 1.1.x:

                        <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>

                        hast Du da irgendwas mit Gladbach hinterlegt ? (weil da immer ein Fotoapperat zu sehen ist und man dann direkt auf Bilder kommt ?)

                        B 1 Reply Last reply
                        0
                        • B blackeagle998

                          Es gibt sogar die Möglichkeit, die Bundesliga (und andere Ligen) als iFrame mit Navigationsmenü einzubinden (News, Spieltag, Tabelle, Torjäger etc.):

                          Screenshot_20200701-235327.png

                          Code für 1. Bundesliga:

                          <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                          

                          Code für LaLiga (Spanien):

                          <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73980&div_id=widget_73980&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                          
                          dslraserD Offline
                          dslraserD Offline
                          dslraser
                          Forum Testing Most Active
                          wrote on last edited by
                          #2629

                          @blackeagle998
                          Übrigens gibt es da auch Teamseiten....
                          Mit der letzten Änderung von @s-bormann geht damit sicher noch ne Menge mehr 👍 👍 👍

                          1 Reply Last reply
                          1
                          • dslraserD dslraser

                            @blackeagle998 sagte in Test Adapter iQontrol 1.1.x:

                            <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>

                            hast Du da irgendwas mit Gladbach hinterlegt ? (weil da immer ein Fotoapperat zu sehen ist und man dann direkt auf Bilder kommt ?)

                            B Offline
                            B Offline
                            blackeagle998
                            wrote on last edited by
                            #2630

                            @dslraser
                            Ich vermute mal du meinst die Startseite, das sind die News der gesamten Bundesliga, inkl. Fotos.
                            Auf die Tabelle, den Spieltag etc. kommst du über die Navigation ganz oben.

                            1 Reply Last reply
                            0
                            • s.bormannS Offline
                              s.bormannS Offline
                              s.bormann
                              Most Active
                              wrote on last edited by s.bormann
                              #2631

                              Hab gerade was cooles herausgefunden:

                              Man kann eine runde Fortschrittsanzeige als Icon oder Kachelhintergrund mittels eines SVG erstellen:

                              3c5de120-5d72-49f9-b097-a6e1e051215f-image.png

                              Als Icon trägt man dazu folgendes ein:

                              |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 40 40"><path fill="none" stroke="grey" stroke-width="4" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path fill="none" stroke="red" stroke-width="4" stroke-linecap="round" stroke-dasharray="{javascript.0.Test.LEVEL}, 100" transform="rotate(-90 18 18)" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>

                              • javascript.0.Test.LEVEL muss dabei durch den gewünschten Datenpunkt ersetzt werden.
                              • Die Farben grey und red kann man natürlich auch entsprechen anpassen, wie man es gerne hätte.
                              • Auch der Startpunkt kann durch Anpassung des Ausdrucks "rotate(-90 18 18)" angepasst werden. Ersetzt man die "-90" z.B. durch "0", beginnt der Kreis oben, statt (um -90° gedreht) links.

                              Auf ähnliche Art- und Weise lassen sich bestimmt noch viele coole Sachen realisieren.

                              Ich fände es gut, wenn man so was im wiki auf Github sammeln könnte. Wer also was tolles entdeckt hat, bitte hier oder gleich im Wiki posten, dann haben alle was davon.

                              Viel Spaß beim Testen!

                              VG!

                              Edit: Habe noch minimale Anpassungen vorgenommen, um etwas Abstand zum Rand zu erhalten.

                              liv-in-skyL 1 Reply Last reply
                              5
                              • B blackeagle998

                                Es gibt sogar die Möglichkeit, die Bundesliga (und andere Ligen) als iFrame mit Navigationsmenü einzubinden (News, Spieltag, Tabelle, Torjäger etc.):

                                Screenshot_20200701-235327.png

                                Code für 1. Bundesliga:

                                <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                                

                                Code für LaLiga (Spanien):

                                <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73980&div_id=widget_73980&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>
                                
                                B Offline
                                B Offline
                                biker1602
                                wrote on last edited by
                                #2632

                                @blackeagle998 said in Test Adapter iQontrol 1.1.x:

                                <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>

                                Das ist ja der Hammer!!Gibt es das auch für die 2. Bundesliga?

                                dslraserD 1 Reply Last reply
                                0
                                • B biker1602

                                  @blackeagle998 said in Test Adapter iQontrol 1.1.x:

                                  <iframe src='https://www.fupa.net/fupa/widget.php?p=iframe_widget&typ=liga&value_id=73940&div_id=widget_73940&start=index&header=1&navi=1&module_liga=0&start_liga=1&spieltag_liga=1' frameBorder='0' style='width:100%;height:100%;'></iframe>

                                  Das ist ja der Hammer!!Gibt es das auch für die 2. Bundesliga?

                                  dslraserD Offline
                                  dslraserD Offline
                                  dslraser
                                  Forum Testing Most Active
                                  wrote on last edited by dslraser
                                  #2633

                                  @biker1602 sagte in Test Adapter iQontrol 1.1.x:

                                  Das ist ja der Hammer!!Gibt es das auch für die 2. Bundesliga?

                                  https://www.fupa.net/widget.html

                                  Screenshot_20200703-093654_Chrome.jpg

                                  B 1 Reply Last reply
                                  1
                                  • dslraserD dslraser

                                    @biker1602 sagte in Test Adapter iQontrol 1.1.x:

                                    Das ist ja der Hammer!!Gibt es das auch für die 2. Bundesliga?

                                    https://www.fupa.net/widget.html

                                    Screenshot_20200703-093654_Chrome.jpg

                                    B Offline
                                    B Offline
                                    biker1602
                                    wrote on last edited by
                                    #2634

                                    @dslraser said in Test Adapter iQontrol 1.1.x:

                                    @biker1602 sagte in Test Adapter iQontrol 1.1.x:

                                    Das ist ja der Hammer!!Gibt es das auch für die 2. Bundesliga?

                                    https://www.fupa.net/widget.html

                                    Screenshot_20200703-093654_Chrome.jpg

                                    Einfach nur der Hammer!!!!!! Vielen Dank

                                    1 Reply Last reply
                                    0
                                    • B Offline
                                      B Offline
                                      bug77
                                      wrote on last edited by bug77
                                      #2635

                                      Hallo Leute, ich habe leider immer noch Probleme mit dem View.
                                      Wenn ich ihn unter iOS auf dem Homescreen speichere und ihn dann beim ersten mal öffne gehts.
                                      Ab dem zweiten öffnen pocht die Anzeige, bzw flackert von scharf zu unscharf, jede sekunde.

                                      Auch die Option "Immer Zeit statt druck benutzen" ist aktiviert, aber das Problem bleibt.

                                      Hat das noch jemand???
                                      Es nervt sehr, jedesmal die App aus dem hintergrund zu löschen und neu zu starten.

                                      1 Reply Last reply
                                      0
                                      • s.bormannS s.bormann

                                        Hab gerade was cooles herausgefunden:

                                        Man kann eine runde Fortschrittsanzeige als Icon oder Kachelhintergrund mittels eines SVG erstellen:

                                        3c5de120-5d72-49f9-b097-a6e1e051215f-image.png

                                        Als Icon trägt man dazu folgendes ein:

                                        |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 40 40"><path fill="none" stroke="grey" stroke-width="4" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path fill="none" stroke="red" stroke-width="4" stroke-linecap="round" stroke-dasharray="{javascript.0.Test.LEVEL}, 100" transform="rotate(-90 18 18)" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>

                                        • javascript.0.Test.LEVEL muss dabei durch den gewünschten Datenpunkt ersetzt werden.
                                        • Die Farben grey und red kann man natürlich auch entsprechen anpassen, wie man es gerne hätte.
                                        • Auch der Startpunkt kann durch Anpassung des Ausdrucks "rotate(-90 18 18)" angepasst werden. Ersetzt man die "-90" z.B. durch "0", beginnt der Kreis oben, statt (um -90° gedreht) links.

                                        Auf ähnliche Art- und Weise lassen sich bestimmt noch viele coole Sachen realisieren.

                                        Ich fände es gut, wenn man so was im wiki auf Github sammeln könnte. Wer also was tolles entdeckt hat, bitte hier oder gleich im Wiki posten, dann haben alle was davon.

                                        Viel Spaß beim Testen!

                                        VG!

                                        Edit: Habe noch minimale Anpassungen vorgenommen, um etwas Abstand zum Rand zu erhalten.

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        wrote on last edited by
                                        #2636

                                        @s-bormann sagte in Test Adapter iQontrol 1.1.x:

                                        Hab gerade was cooles herausgefunden:

                                        Man kann eine runde Fortschrittsanzeige als Icon oder Kachelhintergrund mittels eines SVG erstellen:

                                        3c5de120-5d72-49f9-b097-a6e1e051215f-image.png

                                        Als Icon trägt man dazu folgendes ein:

                                        |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="none" stroke="grey" stroke-width="4" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path fill="none" stroke="red" stroke-width="4" stroke-linecap="round" stroke-dasharray="{javascript.0.Test.LEVEL}, 100" transform="rotate(-90 18 18)" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>

                                        • javascript.0.Test.LEVEL muss dabei durch den gewünschten Datenpunkt ersetzt werden.
                                        • Die Farben grey und red kann man natürlich auch entsprechen anpassen, wie man es gerne hätte.
                                        • Auch der Startpunkt kann durch Anpassung des Ausdrucks "rotate(-90 18 18)" angepasst werden. Ersetzt man die "-90" z.B. durch "0", beginnt der Kreis oben, statt (um -90° gedreht) links.

                                        Auf ähnliche Art- und Weise lassen sich bestimmt noch viele coole Sachen realisieren.

                                        Ich fände es gut, wenn man so was im wiki auf Github sammeln könnte. Wer also was tolles entdeckt hat, bitte hier oder gleich im Wiki posten, dann haben alle was davon.

                                        Viel Spaß beim Testen!

                                        VG!

                                        konnte das einbinden - habe aber frage dazu

                                        wollte mal ein anderes svg nutzen - wie muss der eintrag aufgebaut werden ?

                                        <svg width="40" height="11"><rect width="30" height="10" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>
                                        

                                        habe

                                        |data:image/svg+xml;charset=UTF-8,
                                        

                                        noch davor gesetzt

                                        funktioniert leider nicht - hast du eine idee, was ich falsch mache

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        s.bormannS H 2 Replies Last reply
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @s-bormann sagte in Test Adapter iQontrol 1.1.x:

                                          Hab gerade was cooles herausgefunden:

                                          Man kann eine runde Fortschrittsanzeige als Icon oder Kachelhintergrund mittels eines SVG erstellen:

                                          3c5de120-5d72-49f9-b097-a6e1e051215f-image.png

                                          Als Icon trägt man dazu folgendes ein:

                                          |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="none" stroke="grey" stroke-width="4" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path fill="none" stroke="red" stroke-width="4" stroke-linecap="round" stroke-dasharray="{javascript.0.Test.LEVEL}, 100" transform="rotate(-90 18 18)" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>

                                          • javascript.0.Test.LEVEL muss dabei durch den gewünschten Datenpunkt ersetzt werden.
                                          • Die Farben grey und red kann man natürlich auch entsprechen anpassen, wie man es gerne hätte.
                                          • Auch der Startpunkt kann durch Anpassung des Ausdrucks "rotate(-90 18 18)" angepasst werden. Ersetzt man die "-90" z.B. durch "0", beginnt der Kreis oben, statt (um -90° gedreht) links.

                                          Auf ähnliche Art- und Weise lassen sich bestimmt noch viele coole Sachen realisieren.

                                          Ich fände es gut, wenn man so was im wiki auf Github sammeln könnte. Wer also was tolles entdeckt hat, bitte hier oder gleich im Wiki posten, dann haben alle was davon.

                                          Viel Spaß beim Testen!

                                          VG!

                                          konnte das einbinden - habe aber frage dazu

                                          wollte mal ein anderes svg nutzen - wie muss der eintrag aufgebaut werden ?

                                          <svg width="40" height="11"><rect width="30" height="10" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>
                                          

                                          habe

                                          |data:image/svg+xml;charset=UTF-8,
                                          

                                          noch davor gesetzt

                                          funktioniert leider nicht - hast du eine idee, was ich falsch mache

                                          s.bormannS Offline
                                          s.bormannS Offline
                                          s.bormann
                                          Most Active
                                          wrote on last edited by
                                          #2637

                                          @liv-in-sky sagte in Test Adapter iQontrol 1.1.x:

                                          @s-bormann sagte in Test Adapter iQontrol 1.1.x:

                                          Hab gerade was cooles herausgefunden:

                                          Man kann eine runde Fortschrittsanzeige als Icon oder Kachelhintergrund mittels eines SVG erstellen:

                                          3c5de120-5d72-49f9-b097-a6e1e051215f-image.png

                                          Als Icon trägt man dazu folgendes ein:

                                          |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="none" stroke="grey" stroke-width="4" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><path fill="none" stroke="red" stroke-width="4" stroke-linecap="round" stroke-dasharray="{javascript.0.Test.LEVEL}, 100" transform="rotate(-90 18 18)" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path></svg>

                                          • javascript.0.Test.LEVEL muss dabei durch den gewünschten Datenpunkt ersetzt werden.
                                          • Die Farben grey und red kann man natürlich auch entsprechen anpassen, wie man es gerne hätte.
                                          • Auch der Startpunkt kann durch Anpassung des Ausdrucks "rotate(-90 18 18)" angepasst werden. Ersetzt man die "-90" z.B. durch "0", beginnt der Kreis oben, statt (um -90° gedreht) links.

                                          Auf ähnliche Art- und Weise lassen sich bestimmt noch viele coole Sachen realisieren.

                                          Ich fände es gut, wenn man so was im wiki auf Github sammeln könnte. Wer also was tolles entdeckt hat, bitte hier oder gleich im Wiki posten, dann haben alle was davon.

                                          Viel Spaß beim Testen!

                                          VG!

                                          konnte das einbinden - habe aber frage dazu

                                          wollte mal ein anderes svg nutzen - wie muss der eintrag aufgebaut werden ?

                                          <svg width="40" height="11"><rect width="30" height="10" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>
                                          

                                          habe

                                          |data:image/svg+xml;charset=UTF-8,
                                          

                                          noch davor gesetzt

                                          funktioniert leider nicht - hast du eine idee, was ich falsch mache

                                          Hi, irgendwo musst Du noch die Variable in geschweiften Klammern einbauen: {datenpunkt.0.irgendwas}, z.B. so:

                                          |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect y="40" width="{javascript.0.Test.Testblind.LEVEL}" height="20" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>

                                          liv-in-skyL 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

                                          47

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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