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. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

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

Scheduled Pinned Locked Moved Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Posts 296 Posters 7.2m 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.
  • 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: :+1: :+1:

        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
                        • s.bormannS s.bormann

                          @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 Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          wrote on last edited by
                          #2638

                          @s-bormann

                          aahhh - tausend dank

                          smart42.gif

                          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 1 Reply Last reply
                          0
                          • liv-in-skyL liv-in-sky

                            @s-bormann

                            aahhh - tausend dank

                            smart42.gif

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

                            @liv-in-sky Probier mal folgendes:

                            |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 110 110"><rect y="40" width="100" height="20" rx="8" ry="8" fill="grey" stroke-width="0" ></rect><rect y="40" width="{javascript.0.Test.Testblind.LEVEL}" height="20" rx="8" ry="8" fill="red" stroke-width="0" ></rect></svg>

                            f99a6896-1145-4888-a53a-d89de5ab1629-image.png

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

                              @liv-in-sky Probier mal folgendes:

                              |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 110 110"><rect y="40" width="100" height="20" rx="8" ry="8" fill="grey" stroke-width="0" ></rect><rect y="40" width="{javascript.0.Test.Testblind.LEVEL}" height="20" rx="8" ry="8" fill="red" stroke-width="0" ></rect></svg>

                              f99a6896-1145-4888-a53a-d89de5ab1629-image.png

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

                              Habe ein Wiki angelegt:

                              Progress Bars

                              • It is possible, to use SVG-Definitions in combination with variables instead of imagefiles to display progress-bars
                              • See Wiki wiki.
                              1 Reply Last reply
                              2
                              • s.bormannS s.bormann

                                @liv-in-sky Probier mal folgendes:

                                |data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 110 110"><rect y="40" width="100" height="20" rx="8" ry="8" fill="grey" stroke-width="0" ></rect><rect y="40" width="{javascript.0.Test.Testblind.LEVEL}" height="20" rx="8" ry="8" fill="red" stroke-width="0" ></rect></svg>

                                f99a6896-1145-4888-a53a-d89de5ab1629-image.png

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

                                @s-bormann sieht natürlich besser aus, aber ich wollte nur mal wissen, wie es theoretisch aufgebaut sein muss - wollte eine online-uhr einbauen -oder erstmal schauen, was man mit svg noch so zaubern kann

                                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

                                1 Reply Last reply
                                0
                                • V Offline
                                  V Offline
                                  vepman
                                  wrote on last edited by
                                  #2642

                                  @s-bormann
                                  Könnte man damit auch einen Volume-Slider realisieren?
                                  Eventuell in dieser Art:
                                  Clipboard 1.jpg

                                  Ich brauch so etwas, um die Lautstärke zweier Fernseher zu regeln.

                                  s.bormannS 1 Reply 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

                                    H Offline
                                    H Offline
                                    heinzie
                                    wrote on last edited by
                                    #2643

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

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

                                    Vielen Dank für den Tipp. Das ist das was ich immer gesucht habe.

                                    liv-in-skyL 1 Reply Last reply
                                    0
                                    • H heinzie

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

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

                                      Vielen Dank für den Tipp. Das ist das was ich immer gesucht habe.

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

                                      @heinzie der dank gehört wohl eher an @s-bormann :-)

                                      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

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

                                        Willkommen im iQontrol-Entwicklungs-Thread!

                                        iQontrol ist ein Visualisierungs-Adapter.

                                        Number of Installations
                                        Stable version
                                        NPM version
                                        Downloads
                                        Known Vulnerabilities

                                        Dies ist der Entwicklungs-Thread

                                        Hier werden die neuesten Updates veröffentlicht, neue Ideen und Features diskutiert und es finden alpha und beta-Tests statt. Wer also immer auf dem neuesten Stand sein will oder sich aktiv einbringen möchte, ist hier richtig aufgehoben.

                                        Alternativ gibt es noch den iQontrol-Support-Thread. Hier sollen Support-Anfragen gestellt und diskutiert werden:
                                        https://forum.iobroker.net/topic/52077

                                        Wichtige Resourcen

                                        Das Readme auf Github beschreibt die wichtigsten Einstellungen, Troubleshooting etc.:
                                        https://github.com/sbormann/ioBroker.iqontrol

                                        Video-Tutorials:
                                        https://www.youtube.com/playlist?list=PL8epyNz8pGEv6-R8dnfXm-m5aBlZFKOBG

                                        Wiki mit einer Sammlung nützlicher Scripte, Widgets etc.:
                                        https://github.com/sbormann/ioBroker.iqontrol/wiki

                                        Viel Spaß und Erfolg,
                                        Sebastian

                                        sigi234S Online
                                        sigi234S Online
                                        sigi234
                                        Forum Testing Most Active
                                        wrote on last edited by
                                        #2645

                                        @s-bormann

                                        Hallo, kann ich die Position vom PopUp beeinflussen?

                                        Screenshot (154).png

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

                                        s.bormannS 1 Reply Last reply
                                        0
                                        • V vepman

                                          @s-bormann
                                          Könnte man damit auch einen Volume-Slider realisieren?
                                          Eventuell in dieser Art:
                                          Clipboard 1.jpg

                                          Ich brauch so etwas, um die Lautstärke zweier Fernseher zu regeln.

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

                                          @vepman sagte in Test Adapter iQontrol 1.1.x:

                                          @s-bormann
                                          Könnte man damit auch einen Volume-Slider realisieren?
                                          Eventuell in dieser Art:
                                          Clipboard 1.jpg

                                          Ich brauch so etwas, um die Lautstärke zweier Fernseher zu regeln.

                                          Das geht z.B. mit dem Medien-Player. LG!

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          402

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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