Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

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

Geplant Angeheftet Gesperrt Verschoben Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Beiträge 296 Kommentatoren 7.0m Aufrufe 201 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #2625

    @blackeagle998
    merkwürdig...bei mir nicht

    1 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      1
      • B Offline
        B Offline
        blackeagle998
        schrieb am zuletzt editiert von
        #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 Antworten Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #2629

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

            1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • s.bormannS Offline
                s.bormannS Offline
                s.bormann
                Most Active
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • B Offline
                        B Offline
                        bug77
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antworten Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @s-bormann

                                aahhh - tausend dank

                                smart42.gif

                                s.bormannS Offline
                                s.bormannS Offline
                                s.bormann
                                Most Active
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • V Offline
                                      V Offline
                                      vepman
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          402

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe