Skip to content
  • Home
  • 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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. IoBroker.vis - hqWidgets (nur 2 Widgets)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    280

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

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

IoBroker.vis - hqWidgets (nur 2 Widgets)

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
21 Beiträge 7 Kommentatoren 8.4k Aufrufe
  • Ä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.
  • BluefoxB Offline
    BluefoxB Offline
    Bluefox
    schrieb am zuletzt editiert von
    #1

    Ich habe endlich Zeit und Mut gefunden hqWidgets anzufassen. Tatsache ist, dass ich alles umschreiben sollte, Vorteil aber, dass es viel stabiler und schneller jetzt läuft.

    Es sind erstmal nur 2 Widgets fertig: Button und Dimmer.

    Auch Import aus DashUI funktioniert noch nicht (Werde aber als nächstes machen)
    48_hqwidgetsbuttons.gif
    Bitte spielen und testen.

    Es gibt auch neues Widget - CircleKnob:
    48_circleknob.gif
    So kann es aussehen: http://anthonyterrien.com/knob/

    Ich habe auch Binding gefixt. Sollte jetzt funktionieren. Auch javascript in binding sollte jetzt gehen:

    Hypotenuse of {height} and {width} = {h:height;w:width;Math.max(20, Math.sqrt(Math.pow(parseFloat(h), 2) + Math.pow(parseFloat(w), 2)))}
    

    Beschreibung kann man hier finden:

    https://github.com/ioBroker/ioBroker.vi … of-objects

    1 Antwort Letzte Antwort
    1
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      Die Buttons funktionieren ;-)

      Leider gibt es jetzt beim Neu-Import Probleme.

      Habe drei Views aus dashui nacheinander in .vis importiert.

      Einige widgets aus dem dritten view erschienen danach im ersten :(

      Beim zweiten view fehlten die Scrollbalken im Editorfenster, erst nach ändern der canvas-Größe und zurückstellen waren sie da.

      Und beim views-bar (siehe anderen Thread) lässt sich zusätzlich jetzt die z-ebene nicht mehr einstellen.
      144_iobroker_bars_z-index.jpg

      Gruß

      Rainer

      kein Support per PN! - Fragen im Forum stellen -
      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton im Header. Danke!
      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      1 Antwort Letzte Antwort
      0
      • derAugeD Offline
        derAugeD Offline
        derAuge
        schrieb am zuletzt editiert von
        #3

        Hi,

        habe auch ein wenig getestet.

        Versuche die Soll-Temp der Heizung einzustellen. Leider ohne Erfolg

        ! [
        ! {
        ! "tpl": "tplHqDimmer",
        ! "data": {
        ! "visibility-cond": "==",
        ! "visibility-val": 1,
        ! "oid": "hm-rpc.0.LEQ0423237.4.SET_TEMPERATURE",
        ! "unit": " °C ",
        ! "min": "10",
        ! "max": "25",
        ! "digits": "0",
        ! "is_comma": "true",
        ! "iconName": "",
        ! "btIconWidth": "55",
        ! "offsetAuto": "true",
        ! "leftOffset": "15",
        ! "topOffset": "55",
        ! "circleWidth": "50",
        ! "showValue": "true",
        ! "timeAsInterval": "true",
        ! "infoLeftFontSize": "12",
        ! "infoFontRightSize": "12",
        ! "caption": "Soll 2.OG",
        ! "iconOn": "/vis/img/OutsideTemp.png",
        ! "alwaysShow": false,
        ! "hoursLastAction": "1",
        ! "format_date": "DD.MM.YYYY hh:mm:ss",
        ! "descriptionLeft": ""
        ! },
        ! "style": {
        ! "left": "560px",
        ! "top": "700px",
        ! "width": "100px",
        ! "height": "74px",
        ! "z-index": "6"
        ! },
        ! "widgetSet": "hqWidgets"
        ! },
        ! {
        ! "tpl": "tplHqCircle",
        ! "data": {
        ! "visibility-cond": "==",
        ! "visibility-val": 1,
        ! "oid": "hm-rpc.0.LEQ0423237.4.ACTUAL_TEMPERATURE",
        ! "min": "0",
        ! "max": "30",
        ! "step": "1",
        ! "displayPrevious": "true",
        ! "oid-working": "",
        ! "unit": "°C",
        ! "readOnly": true,
        ! "caption": "Wohn 2.OG",
        ! "hideNumber": false,
        ! "angleOffset": "",
        ! "angleArc": "180",
        ! "cursor": "",
        ! "thickness": "",
        ! "color": "green",
        ! "bgcolor": "blue",
        ! "linecap": false,
        ! "anticlockwise": false,
        ! "oid-signal": ""
        ! },
        ! "style": {
        ! "left": "560px",
        ! "top": "600px",
        ! "width": "100px",
        ! "height": "100px",
        ! "z-index": "5",
        ! "text-align": "center",
        ! "color": "white",
        ! "font-family": "Arial, Helvetica, sans-serif",
        ! "font-style": "",
        ! "font-variant": "",
        ! "font-weight": "",
        ! "font-size": "",
        ! "background-color": "#c4c0c0",
        ! "padding": "5",
        ! "padding-left": "",
        ! "padding-top": "",
        ! "box-shadow": ""
        ! },
        ! "widgetSet": "hqWidgets"
        ! },
        ! {
        ! "tpl": "tplHqCircle",
        ! "data": {
        ! "visibility-cond": "==",
        ! "visibility-val": 1,
        ! "oid": "",
        ! "min": "4.5",
        ! "max": "30.5",
        ! "step": "1",
        ! "displayPrevious": "true",
        ! "oid-working": "",
        ! "unit": "°C",
        ! "readOnly": false,
        ! "caption": "",
        ! "hideNumber": false,
        ! "angleOffset": "",
        ! "angleArc": "",
        ! "cursor": "",
        ! "thickness": "",
        ! "color": "red",
        ! "bgcolor": "blue",
        ! "linecap": false,
        ! "anticlockwise": false,
        ! "oid-signal": "hm-rpc.0.LEQ0423237.4.SET_TEMPERATURE"
        ! },
        ! "style": {
        ! "left": "670px",
        ! "top": "600px",
        ! "width": "100px",
        ! "height": "100px",
        ! "z-index": "4",
        ! "text-align": "center",
        ! "color": "white",
        ! "font-family": "Arial, Helvetica, sans-serif",
        ! "font-style": "",
        ! "font-variant": "",
        ! "font-weight": "",
        ! "font-size": "",
        ! "background-color": "#c4c0c0",
        ! "padding": "5",
        ! "padding-left": "",
        ! "padding-top": "",
        ! "box-shadow": ""
        ! },
        ! "widgetSet": "hqWidgets"
        ! }
        ! ]

        315_hq_test1.png

        Wo für sind die 4 Allgemeinen Einträge? Was bewirken sie?
        315_hq_test2.png

        Gruß

        derAuge

        1 Antwort Letzte Antwort
        0
        • BluefoxB Offline
          BluefoxB Offline
          Bluefox
          schrieb am zuletzt editiert von
          #4

          @derAuge:

          Hi,

          habe auch ein wenig getestet.

          Versuche die Soll-Temp der Heizung einzustellen. Leider ohne Erfolg

          Wo für sind die 4 Allgemeinen Einträge? Was bewirken sie?

          Gruß

          derAuge `

          Was genau geht nicht? Dimmer?

          oid[Object ID] - Anzeige oder SteuerID.. Funktioniert.

          oid-working[In Arbeit Zustand ID] - noch ohne Funktion

          oid-battery [Battery ObjectID]- ob Battery symbol (low-battery) angezeigt werden muss (beim CirlcleKnob) noch ohne funktion.

          oid-signal[Signal ObjektID] - ist noch ohne Funktion. Man kann später die RF Signalstärke hier anzeigen lassen.

          1 Antwort Letzte Antwort
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            schrieb am zuletzt editiert von
            #5

            @Homoran:

            Die Buttons funktionieren ;-)

            Leider gibt es jetzt beim Neu-Import Probleme.

            Habe drei Views aus dashui nacheinander in .vis importiert.

            Einige widgets aus dem dritten view erschienen danach im ersten :(

            Beim zweiten view fehlten die Scrollbalken im Editorfenster, erst nach ändern der canvas-Größe und zurückstellen waren sie da.

            Und beim views-bar (siehe anderen Thread) lässt sich zusätzlich jetzt die z-ebene nicht mehr einstellen.
            filename="iobroker_bars_z-index.jpg" index="0">~~

            Gruß

            Rainer `
            Ich kann das nicht reproduzieren. Kann noch jemand das bestätigen?

            1 Antwort Letzte Antwort
            0
            • S Offline
              S Offline
              starfish
              schrieb am zuletzt editiert von
              #6

              Hier sind die Buttons nach dem Einfügen nicht rund, sondern viereckig - was mach ich jetzt schon wieder falsch ??? 291_button.png

              1 Antwort Letzte Antwort
              0
              • HomoranH Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #7

                Du musst den eckenradius definieren.

                War in dashui auch schon so.

                Gesendet von meinem Cynus T7 mit Tapatalk

                kein Support per PN! - Fragen im Forum stellen -
                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton im Header. Danke!
                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  starfish
                  schrieb am zuletzt editiert von
                  #8

                  achso, nein, dashui hatte ich nicht eingesetzt. jetzt ist der button rund, aber es gibt noch schwarze Reste links und oben. da ist noch etwas feintuning angesagt.

                  1 Antwort Letzte Antwort
                  0
                  • BluefoxB Offline
                    BluefoxB Offline
                    Bluefox
                    schrieb am zuletzt editiert von
                    #9

                    @starfish:

                    achso, nein, dashui hatte ich nicht eingesetzt. jetzt ist der button rund, aber es gibt noch schwarze Reste links und oben. da ist noch etwas feintuning angesagt. `
                    Was meinst du? Ich sehe keine Reste.
                    48_hqwidgets.jpg

                    1 Antwort Letzte Antwort
                    0
                    • S Offline
                      S Offline
                      starfish
                      schrieb am zuletzt editiert von
                      #10

                      ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
                      291_rund.png

                      1 Antwort Letzte Antwort
                      0
                      • L Offline
                        L Offline
                        looxer01
                        schrieb am zuletzt editiert von
                        #11

                        …mal aus Neugier. Gibt es einen Grund nicht "CTRL Bulb on/off" zu verwenden ?

                        es ist leichter skalierbar und hat einen glow Effekt. Gefällt mir persönlich gut.

                        Ich hatte aber in DashUI bisher auch immer das entsprechende HQ widget im Einsatz.

                        Für mich wären vor allem die HQ-Widgets für die Heizung und Shutter super wichtig.

                        Sobald die da sind werde ich umstellen.

                        DashUI sieht schon richtig "out of date" aus, im Vergleich zu IOBroker.

                        Freue mich schon auf die Umstellung.

                        vG Looxer

                        1 Antwort Letzte Antwort
                        0
                        • BluefoxB Offline
                          BluefoxB Offline
                          Bluefox
                          schrieb am zuletzt editiert von
                          #12

                          @starfish:

                          ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
                          filename="rund.PNG" index="0">~~ `
                          Was für einen Browser hast du?

                          1 Antwort Letzte Antwort
                          0
                          • S Offline
                            S Offline
                            starfish
                            schrieb am zuletzt editiert von
                            #13

                            @Bluefox:

                            @starfish:

                            ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
                            filename="rund.PNG" index="0">~~ Was für einen Browser hast du?
                            … ich glaubs ja nicht, schon wieder auf diese doofen Browser reingefallen

                            Firefox (v.38) macht viereckige Buttons

                            Chrome macht schöne runde Buttons

                            1 Antwort Letzte Antwort
                            0
                            • BluefoxB Offline
                              BluefoxB Offline
                              Bluefox
                              schrieb am zuletzt editiert von
                              #14

                              @starfish:

                              @Bluefox:

                              @starfish:

                              ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
                              filename="rund.PNG" index="1">~~ Was für einen Browser hast du?
                              … ich glaubs ja nicht, schon wieder auf diese doofen Browser reingefallen

                              Firefox (v.38) macht viereckige Buttons

                              Chrome macht schöne runde Buttons `
                              Ich kann dein Problem nicht reproduzieren ich habe FF 37 (Windows)
                              48_firefox.jpg
                              Und bei mir nach border-radius editieren ist alles rund und schön.

                              1 Antwort Letzte Antwort
                              0
                              • S Offline
                                S Offline
                                starfish
                                schrieb am zuletzt editiert von
                                #15

                                hallo Bluefox, naja, möglicherweise ist es doch browser-spezifisch (ff v.38 ) oder eben PC-spezifisch, bei meinem Laptop mit ff 37 sehe ich auch keine "schwarze Reste" eigentlich ist das Ganze kein Problem, Interessant allerdings, dass es beim Chrom kein border-radius braucht (verifiziert auf 2 verschiedenen PC´s). Einfach rüberziehen und rund ists. Danke jedenfalls fürs Anschauen.

                                1 Antwort Letzte Antwort
                                0
                                • BluefoxB Offline
                                  BluefoxB Offline
                                  Bluefox
                                  schrieb am zuletzt editiert von
                                  #16

                                  @starfish:

                                  hallo Bluefox, naja, möglicherweise ist es doch browser-spezifisch (ff v.38 ) oder eben PC-spezifisch, bei meinem Laptop mit ff 37 sehe ich auch keine "schwarze Reste" eigentlich ist das Ganze kein Problem, Danke jedenfalls fürs Anschauen. `
                                  Ich habe jetzt auch mit FF38.0.1 ausprobiert und sehe auch kein Problem. Hast du OSX?

                                  > Interessant allerdings, dass es beim Chrom kein border-radius braucht (verifiziert auf 2 verschiedenen PC´s). Einfach rüberziehen und rund ists.
                                  Das ist browser Problem. Firefox kennt nur (denke ich) "-moz-border-radius-topright" oder "-webkit-border-top-right-radius" und deswegen am Anfang greift die Default-Einstellung vom Widget (border-radius: 50px) nicht. Danach aber wird Border-Radius mit der Hilfe von jquery eingestellt und jquery kennt das Problem und nimmt richtigen Flag dafür.

                                  1 Antwort Letzte Antwort
                                  0
                                  • S Offline
                                    S Offline
                                    starfish
                                    schrieb am zuletzt editiert von
                                    #17

                                    @Bluefox:

                                    Ich habe jetzt auch mit FF38.0.1 ausprobiert und sehe auch kein Problem. Hast du OSX? `
                                    Nein Kein OSX - aber ich konnte das "Problem" auf einen einzelnen PC einschränken, also ist es wohl kein echtes Problem.

                                    1 Antwort Letzte Antwort
                                    0
                                    • B Offline
                                      B Offline
                                      Bobohne
                                      schrieb am zuletzt editiert von
                                      #18

                                      Hallo zusammen!

                                      Es sind ja jetzt schon einige Widgets im hqWidget set vorhanden.

                                      Ich steige gerade von ccu.io und dashui um auf iobroker und vis.

                                      Blöderweise habe ich fast alle Beschriftungen meiner Fenster, Buttons, etc. mit dem hqWidgets Text Widget gemacht. Nur gibts das jetzt leider nicht mehr :(

                                      Ist das eventuell recht einfach zu realisieren oder soll ich mir die Arbeit machen und alles ändern?

                                      Vielen Dank und lg

                                      Michael

                                      1 Antwort Letzte Antwort
                                      0
                                      • M Offline
                                        M Offline
                                        Mercyful
                                        schrieb am zuletzt editiert von
                                        #19

                                        Hallo!

                                        Ich habe mir die HQWidgets ebenfalls mal auf meinem Raspberry installiert, aber leider sehe ich nur was im angehängtem Screenshot

                                        zu sehen ist.

                                        Weiterhin kann ich diese Widgets nicht auswählen und in meine View legen.

                                        Installiert habe ich die Widgets über die CLI vom Rasperry mit

                                        ./iobroker stop

                                        npm install iobroker.vis-hqwidgets

                                        ./iobroker start

                                        Diese ist auch ohne Probleme durch gelaufen, ich kann sie nur nicht nutzen.

                                        Was ist zu tun? Werden weitere Infos benötigt?

                                        Danke und Gruß

                                        Mercy
                                        2465_hqwidgets.png

                                        1 Antwort Letzte Antwort
                                        0
                                        • HomoranH Nicht stören
                                          HomoranH Nicht stören
                                          Homoran
                                          Global Moderator Administrators
                                          schrieb am zuletzt editiert von
                                          #20
                                          cd /opt/ioroker
                                          sudo iobroker stop
                                          sudo iobroker upload vis-hqwidgets
                                          sudo iobroker start
                                          

                                          kein Support per PN! - Fragen im Forum stellen -
                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton im Header. Danke!
                                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                          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
                                          FAQ Cloud / IOT
                                          HowTo: Node.js-Update
                                          HowTo: Backup/Restore
                                          Downloads
                                          BLOG

                                          522

                                          Online

                                          32.7k

                                          Benutzer

                                          82.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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