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. Skripten / Logik
  4. Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    355

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

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

Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?

Geplant Angeheftet Gesperrt Verschoben Skripten / Logik
javascript
66 Beiträge 12 Kommentatoren 9.2k Aufrufe 15 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.
  • U UV-on-fire

    @v8turbo
    Also ich habe hier auch die gleiche Konfiguration mit Supramatic4 und HMIP-MOD-HO sowie dem Hörmann Adapter. Funktioniert problemlos bei mir an einer Raspberrymatic. Allerdings sehen meine Datenpunkte anders aus, siehe Screenshots. Oder arbeitest du mit Alias?

    b6ce15dd-d78b-452f-bd06-06268eb96910-grafik.png

    @Feuersturm
    Was mich noch interessieren würde wäre der Datenpunkt SECTION. Ich würde gerene Erkennen was das Tor macht und habe dabei den Datenpunkt mal beobachtet. Dabei habe ich folgende Werte reproduzierbar beobachtet:
    0 = Tor geschlossen
    2 = Tor fährt Richtung öffnen
    3 = Tor ist geöffnet
    5 = Tor fährt Richtung schließen.

    Es wird auch beim Stoppen des Tores vor der Endposition immer de Wert 3 = geöffnet geschrieben.
    Könnt ihr das bestätigen?

    FeuersturmF Online
    FeuersturmF Online
    Feuersturm
    schrieb am zuletzt editiert von
    #43

    @uv-on-fire sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

    0 = Tor geschlossen
    2 = Tor fährt Richtung öffnen
    3 = Tor ist geöffnet
    5 = Tor fährt Richtung schließen.
    Es wird auch beim Stoppen des Tores vor der Endposition immer de Wert 3 = geöffnet geschrieben.
    Könnt ihr das bestätigen?

    Hab es gerade mal bei mir ausprobiert. Ist bei mir auch so. Werte bisher aber diesen Datenpunkt nicht aus.

    U 1 Antwort Letzte Antwort
    0
    • V V8Turbo

      @feuersturm in der Homematic App geht es ganz normal auf, zu etc.

      FeuersturmF Online
      FeuersturmF Online
      Feuersturm
      schrieb am zuletzt editiert von
      #44

      @v8turbo sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

      @feuersturm in der Homematic App geht es ganz normal auf, zu etc.

      Welchen Adapter nutzt du denn?
      Ich nutze Raspberrymatic und hab folgende Adapter im Einsatz
      d42cb994-da45-4962-bf92-80cafd8ade06-grafik.png

      Nutzt du den HomeMatic IP Cloud-Zugriffspunkt Adapter? Kann es hiermit vielleicht zusammenhängen?

      U 1 Antwort Letzte Antwort
      0
      • FeuersturmF Feuersturm

        @v8turbo sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

        @feuersturm in der Homematic App geht es ganz normal auf, zu etc.

        Welchen Adapter nutzt du denn?
        Ich nutze Raspberrymatic und hab folgende Adapter im Einsatz
        d42cb994-da45-4962-bf92-80cafd8ade06-grafik.png

        Nutzt du den HomeMatic IP Cloud-Zugriffspunkt Adapter? Kann es hiermit vielleicht zusammenhängen?

        U Offline
        U Offline
        UV-on-fire
        schrieb am zuletzt editiert von UV-on-fire
        #45

        @feuersturm
        Ich nutze genau die gleichen Adapter wie du.
        Woher kommt denn der Datenpunt Taster_Test-G-R her?

        V 1 Antwort Letzte Antwort
        0
        • FeuersturmF Feuersturm

          @uv-on-fire sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

          0 = Tor geschlossen
          2 = Tor fährt Richtung öffnen
          3 = Tor ist geöffnet
          5 = Tor fährt Richtung schließen.
          Es wird auch beim Stoppen des Tores vor der Endposition immer de Wert 3 = geöffnet geschrieben.
          Könnt ihr das bestätigen?

          Hab es gerade mal bei mir ausprobiert. Ist bei mir auch so. Werte bisher aber diesen Datenpunkt nicht aus.

          U Offline
          U Offline
          UV-on-fire
          schrieb am zuletzt editiert von
          #46

          @feuersturm
          Danke für das Feedback. Werde mal damit spielen.

          1 Antwort Letzte Antwort
          0
          • V V8Turbo

            @feuersturm
            Nein da macht es nix das ist es ja. Kann da eintragen was ich will.

            Und bei Yahka fährt es nur in die Lüftungsposition, ist aber wie gesagt bekannt das es nicht richtig funktioniert... Gab es nur noch keine Lösung.

            So sieht das aus wenn ich das manuell auf 1 stelle...
            Unbenannt2.png

            Am Tor selbst muss man nix einstellen weiter oder ??

            U Offline
            U Offline
            UV-on-fire
            schrieb am zuletzt editiert von UV-on-fire
            #47

            @v8turbo sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

            @feuersturm
            Nein da macht es nix das ist es ja. Kann da eintragen was ich will.

            Und bei Yahka fährt es nur in die Lüftungsposition, ist aber wie gesagt bekannt das es nicht richtig funktioniert... Gab es nur noch keine Lösung.

            So sieht das aus wenn ich das manuell auf 1 stelle...
            Unbenannt2.png

            Am Tor selbst muss man nix einstellen weiter oder ??

            Sorry für das Antwort chaos. Muss jetzt glaube ich langsam mal ins Bett :sleeping:

            Glaube aber Feuersturm hat recht. Im Screenshot von v8turbo sieht man oben rechts das Symbol vom Cloud Adapter. Hängt wohl damit zusammen.

            U 1 Antwort Letzte Antwort
            0
            • U UV-on-fire

              @feuersturm
              Ich nutze genau die gleichen Adapter wie du.
              Woher kommt denn der Datenpunt Taster_Test-G-R her?

              V Offline
              V Offline
              V8Turbo
              schrieb am zuletzt editiert von
              #48

              @uv-on-fire Den Taster habe ich zum testen erstellt.
              Ich nutze "HomeMatic IP Cloud-Zugriffspunkt" als Adapter ... Falsch ??

              1 Antwort Letzte Antwort
              0
              • U UV-on-fire

                @v8turbo sagte in Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?:

                @feuersturm
                Nein da macht es nix das ist es ja. Kann da eintragen was ich will.

                Und bei Yahka fährt es nur in die Lüftungsposition, ist aber wie gesagt bekannt das es nicht richtig funktioniert... Gab es nur noch keine Lösung.

                So sieht das aus wenn ich das manuell auf 1 stelle...
                Unbenannt2.png

                Am Tor selbst muss man nix einstellen weiter oder ??

                Sorry für das Antwort chaos. Muss jetzt glaube ich langsam mal ins Bett :sleeping:

                Glaube aber Feuersturm hat recht. Im Screenshot von v8turbo sieht man oben rechts das Symbol vom Cloud Adapter. Hängt wohl damit zusammen.

                U Offline
                U Offline
                UV-on-fire
                schrieb am zuletzt editiert von UV-on-fire
                #49

                @uv-on-fire
                Falsch kann man so nicht sagen. Wenn du nur einen Accesspoint hast geht glaube ich eh nichts anderes. Bei CCU und Raspberrymatic sind die anderen beiden eben Standard.

                Allerdings gehe ich davon aus das die Probleme eventuell mit dem Cloud Adapter oder dem Accesspoint zusammenhängen da mit dem anderen Adapter das ganze ja bei mir und auch Feuersturm funktioniert. Sind scheinbar auch andere Datenpunkte als bei der CCU.

                Hab jetzt keine Erfahrung mit dem Accesspoint aber so wie ich das verstehe sind die Datenpunkte manuell angelegt in der Cloud? Kannst du mal prüfen ob du da irgendwas mit Read/Write oder so einstellen kannst. Nur so eine Idee.

                Gerade mal die Adapterbeschreibung gelesen:
                3d543dfb-00ac-4543-8028-806676bfb549-grafik.png

                Über die App scheint das ja zu funktionieren. Kannst du mal prüfen ob bei der Bedienung über App sich der Datenpunkt door command entsprechend ändert.

                V 2 Antworten Letzte Antwort
                0
                • U UV-on-fire

                  @uv-on-fire
                  Falsch kann man so nicht sagen. Wenn du nur einen Accesspoint hast geht glaube ich eh nichts anderes. Bei CCU und Raspberrymatic sind die anderen beiden eben Standard.

                  Allerdings gehe ich davon aus das die Probleme eventuell mit dem Cloud Adapter oder dem Accesspoint zusammenhängen da mit dem anderen Adapter das ganze ja bei mir und auch Feuersturm funktioniert. Sind scheinbar auch andere Datenpunkte als bei der CCU.

                  Hab jetzt keine Erfahrung mit dem Accesspoint aber so wie ich das verstehe sind die Datenpunkte manuell angelegt in der Cloud? Kannst du mal prüfen ob du da irgendwas mit Read/Write oder so einstellen kannst. Nur so eine Idee.

                  Gerade mal die Adapterbeschreibung gelesen:
                  3d543dfb-00ac-4543-8028-806676bfb549-grafik.png

                  Über die App scheint das ja zu funktionieren. Kannst du mal prüfen ob bei der Bedienung über App sich der Datenpunkt door command entsprechend ändert.

                  V Offline
                  V Offline
                  V8Turbo
                  schrieb am zuletzt editiert von V8Turbo
                  #50

                  @uv-on-fire Hmm ich habe leider nur den Homematic Repeater und keine CCU. Also gehen die anderen Adapter nicht oder ?

                  Wenn ich das Tor auf fahre per APP ändern sich die Werte...

                  on = true
                  processing = true
                  doorState = closed (<- wenn ich es wieder zu gefahren habe)

                  U 1 Antwort Letzte Antwort
                  0
                  • U UV-on-fire

                    @uv-on-fire
                    Falsch kann man so nicht sagen. Wenn du nur einen Accesspoint hast geht glaube ich eh nichts anderes. Bei CCU und Raspberrymatic sind die anderen beiden eben Standard.

                    Allerdings gehe ich davon aus das die Probleme eventuell mit dem Cloud Adapter oder dem Accesspoint zusammenhängen da mit dem anderen Adapter das ganze ja bei mir und auch Feuersturm funktioniert. Sind scheinbar auch andere Datenpunkte als bei der CCU.

                    Hab jetzt keine Erfahrung mit dem Accesspoint aber so wie ich das verstehe sind die Datenpunkte manuell angelegt in der Cloud? Kannst du mal prüfen ob du da irgendwas mit Read/Write oder so einstellen kannst. Nur so eine Idee.

                    Gerade mal die Adapterbeschreibung gelesen:
                    3d543dfb-00ac-4543-8028-806676bfb549-grafik.png

                    Über die App scheint das ja zu funktionieren. Kannst du mal prüfen ob bei der Bedienung über App sich der Datenpunkt door command entsprechend ändert.

                    V Offline
                    V Offline
                    V8Turbo
                    schrieb am zuletzt editiert von
                    #51

                    @uv-on-fire Habe gerade das hier gefunden....

                    https://github.com/iobroker-community-adapters/ioBroker.hmip/issues/349

                    Soll wohl an einem Update liegen von dem HM Cloud Adapter... :(

                    Ich verstehe leider nicht was ich wie ändern kann damit es geht ?!? Oder geht der Adapter garnicht mehr ?

                    V 1 Antwort Letzte Antwort
                    0
                    • V V8Turbo

                      @uv-on-fire Habe gerade das hier gefunden....

                      https://github.com/iobroker-community-adapters/ioBroker.hmip/issues/349

                      Soll wohl an einem Update liegen von dem HM Cloud Adapter... :(

                      Ich verstehe leider nicht was ich wie ändern kann damit es geht ?!? Oder geht der Adapter garnicht mehr ?

                      V Offline
                      V Offline
                      V8Turbo
                      schrieb am zuletzt editiert von
                      #52

                      @v8turbo ein RPI-RF-MOD Modul hat niemand rumliegen oder ? Lieferzeit 9 Wochen ..... ^^

                      Kann mir den jemand sagen was ich MINIMAL bräuchte damit es irgendwie funktioniert ?

                      1 Antwort Letzte Antwort
                      0
                      • V V8Turbo

                        @uv-on-fire Hmm ich habe leider nur den Homematic Repeater und keine CCU. Also gehen die anderen Adapter nicht oder ?

                        Wenn ich das Tor auf fahre per APP ändern sich die Werte...

                        on = true
                        processing = true
                        doorState = closed (<- wenn ich es wieder zu gefahren habe)

                        U Offline
                        U Offline
                        UV-on-fire
                        schrieb am zuletzt editiert von
                        #53

                        @v8turbo
                        Soweit ich weiß geht beim Accesspoint nur der Cloud Adapter.

                        Das Verhalten der Datenpunkte ist identisch wie bei mir. Der Entwickler schreibt ja das nur Ereignisse ausgelöst werden können die auch über die APP ausgelöst werden. Denke daher das die Steuerung über Door_Command nicht möglich ist da der Datenpunkt ja bei Ansteuerung über die APP auch nicht geändert werden.

                        Prüfe mal noch die Datenpunkte 0 oder info. Vielleicht lässt es sich da über irgendeinen Punkt steuern.

                        Ansonsten muss dir wohl jemand der auch den Accesspoint hat weiterhelfen oder du machst einen Request im Github vom Entwickler des Adapters, vielleicht kann der dir weiterhelfen. Sorry

                        1 Antwort Letzte Antwort
                        0
                        • U Offline
                          U Offline
                          UV-on-fire
                          schrieb am zuletzt editiert von
                          #54

                          @v8turbo
                          Anscheinend muss da an dem Adapter was angepasst werden da die Werte vertauscht sind.

                          Vorher war wohl z.B. 0 = Open jetzt ist 1=Open usw. Du kannst mal probieren was passiert wenn du z.B. den Wert 2 setzt. Dieser ist bei dir wohl als Stop definiert müsste aber laut alter Definition im Git close sein. Dann müsste das Tor bei dir auch zufahren so wie ich das verstehe.

                          Wirst du wohl leider warten müssen bis zum Update des Adapters.

                          1 Antwort Letzte Antwort
                          0
                          • L LogSeb

                            Ok... Habe noch einmal ein bisschen nachgedacht und gelernt, wie man in ioBroker Variablen anlegt. Jetzt funktionierts für mich perfekt:

                            Bildschirmfoto 2020-03-29 um 18.09.05.png Bildschirmfoto 2020-03-29 um 18.09.21.png

                            Das Objekt "Letzter Zustand Garagentor" spricht für sich selbst. Die Variable wird in Abhängigkeit vom DOOR_STATE auf "Garagentor geöffnet" bzw. "Garagentor geschlossen" gesetzt. So wird sichergestellt, dass alles auch dann korrekt funktioniert, wenn man das Tor über das Handy / die Hörmann Fernbedienung ansteuert.

                            Vielleicht hilft das ja dem einen oder anderen.

                            Beste Grüße!

                            L Offline
                            L Offline
                            LaBamba
                            schrieb am zuletzt editiert von
                            #55

                            @logseb
                            Hallo,
                            auf der Suche nach der Steuerung habe ich deinen Beitrag gefunden.
                            Darf ich fragen wie du dies in VIS eingebaut hast? Hast du einen Datenpunkte angelegt und diese mit einem Schalter zu steuern?
                            Viele Grüße

                            L 1 Antwort Letzte Antwort
                            0
                            • FeuersturmF Feuersturm

                              @mguenther Hi, ich habe das HMIP-MOD-HO Modul und steuere es über ioBroker an ohne Klimmzüge in der CCU3 machen zu müssen.
                              So sieht der Bereich bei mir in VIS aus
                              d978e93d-8759-498b-b23d-d254c48e26ba-grafik.png

                              Links oben - Lüftungsstellung: hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND mit dem Wert 4
                              Links unten - Stopp: hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND mit dem Wert 2
                              Rechts oben - Hochfahren: hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND mit dem Wert 1
                              Rechts unten - Herunterfahren: hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND mitdem Wert 3

                              Wenn das Tor nicht geschlossen ist wird mir dieses Icon angezeigt:
                              6b5abb13-cabb-4fca-9bf6-3dc01cb15ea5-grafik.png
                              Auswertung läuft über hm-rpc.0.00241A49A769E4.1.DOOR_STATE

                              L Offline
                              L Offline
                              LaBamba
                              schrieb am zuletzt editiert von
                              #56

                              @feuersturm
                              Hallo,
                              ich würde gerne wissen mit welchen Elementen du das bei VIS realisiert hast.
                              Wie kann ich hier einen Wert schreiben?
                              Vielleicht kannst du das VIS posten damit man dahinter schauen kann.
                              Viele Grüße

                              FeuersturmF 1 Antwort Letzte Antwort
                              0
                              • L LaBamba

                                @logseb
                                Hallo,
                                auf der Suche nach der Steuerung habe ich deinen Beitrag gefunden.
                                Darf ich fragen wie du dies in VIS eingebaut hast? Hast du einen Datenpunkte angelegt und diese mit einem Schalter zu steuern?
                                Viele Grüße

                                L Offline
                                L Offline
                                LogSeb
                                schrieb am zuletzt editiert von LogSeb
                                #57

                                @labamba
                                VIS nutze ich selber leider nicht. Ich vermute aber, dass du dich eher auf den Beitrag von Feuersturm beziehst.

                                1 Antwort Letzte Antwort
                                0
                                • L LaBamba

                                  @feuersturm
                                  Hallo,
                                  ich würde gerne wissen mit welchen Elementen du das bei VIS realisiert hast.
                                  Wie kann ich hier einen Wert schreiben?
                                  Vielleicht kannst du das VIS posten damit man dahinter schauen kann.
                                  Viele Grüße

                                  FeuersturmF Online
                                  FeuersturmF Online
                                  Feuersturm
                                  schrieb am zuletzt editiert von Feuersturm
                                  #58

                                  @labamba
                                  Diese Element in VIS
                                  d34287d0-b025-43cb-8efe-4a1ab471ae3c-grafik.png d8823340-66b3-407b-9764-6ac45e07e21c-grafik.png

                                  hab ich wie folgt realisiert:
                                  Widget Export:

                                  [{"tpl":"tplMfdGarage","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_STATE","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"invert_state":false,"opened_icon":"/vis.0/Garage_offen_Auto.png","closed_icon":"","closed_iconColor":""},"style":{"left":"1090px","top":"500.99998474121094px","width":"91px","height":"92px","z-index":"1"},"widgetSet":"jqui-mfd"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"1","invert_icon":false,"class":"rot270"},"style":{"left":"1184px","top":"475.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"3","invert_icon":false,"class":"rot90"},"style":{"left":"1184px","top":"542.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_report_white_48dp.png","value":"2","invert_icon":false,"class":""},"style":{"left":"1026px","top":"546.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_remove_circle_outline_white_48dp.png","value":"4","invert_icon":false,"class":""},"style":{"left":"1026px","top":"476.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"class":"","name":"A_LeftBar","locked":false,"gestures-rotateLeft-limit":"5"},"style":{"left":"1012px","top":"424px","width":"246px","height":"198px","background":"#1F2129","border-width":"","z-index":"0","background-color":"#1F2129","border-style":"none","border-radius":"10px","opacity":"0.5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"Garage","html_append":"","class":"","labelColorTrue":"#fff","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","test_html":"","name":"Titel_Hintergrund_Garage"},"style":{"left":"1059px","top":"441px","z-index":"50","color":"#8f8f8f","font-family":"RobotoCondensed-Light","font-size":"large","width":"145px","height":"25px","text-align":"center","opacity":"","border-style":"","border-width":"","border-color":"","box-shadow":"0 1px grey"},"widgetSet":"basic"}]
                                  

                                  CSS Klassen zum rotieren der rechten Pfeile

                                  .rot90{
                                  transform: rotate(90deg);
                                  }
                                  .rot180{
                                  transform: rotate(180deg);
                                  }
                                  .rot270{
                                  transform: rotate(270deg);
                                  }
                                  

                                  Für die Icons brauchst du den Adapter "icons-material-png"
                                  Für die Buttons brauchst du den Adapter vis-jqui-mfd

                                  Das ist die Grafik für den offenen Zustand des Garagentors, welche ich unter /vis.0/Garage_offen_Auto.png abgelegt habe
                                  (Einfach hier drunter mal klicken, es ist eine Grafik in weiß)
                                  vis.0_Garage_offen_Auto.png

                                  M L 3 Antworten Letzte Antwort
                                  1
                                  • FeuersturmF Feuersturm

                                    @labamba
                                    Diese Element in VIS
                                    d34287d0-b025-43cb-8efe-4a1ab471ae3c-grafik.png d8823340-66b3-407b-9764-6ac45e07e21c-grafik.png

                                    hab ich wie folgt realisiert:
                                    Widget Export:

                                    [{"tpl":"tplMfdGarage","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_STATE","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"invert_state":false,"opened_icon":"/vis.0/Garage_offen_Auto.png","closed_icon":"","closed_iconColor":""},"style":{"left":"1090px","top":"500.99998474121094px","width":"91px","height":"92px","z-index":"1"},"widgetSet":"jqui-mfd"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"1","invert_icon":false,"class":"rot270"},"style":{"left":"1184px","top":"475.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"3","invert_icon":false,"class":"rot90"},"style":{"left":"1184px","top":"542.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_report_white_48dp.png","value":"2","invert_icon":false,"class":""},"style":{"left":"1026px","top":"546.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_remove_circle_outline_white_48dp.png","value":"4","invert_icon":false,"class":""},"style":{"left":"1026px","top":"476.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"class":"","name":"A_LeftBar","locked":false,"gestures-rotateLeft-limit":"5"},"style":{"left":"1012px","top":"424px","width":"246px","height":"198px","background":"#1F2129","border-width":"","z-index":"0","background-color":"#1F2129","border-style":"none","border-radius":"10px","opacity":"0.5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"Garage","html_append":"","class":"","labelColorTrue":"#fff","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","test_html":"","name":"Titel_Hintergrund_Garage"},"style":{"left":"1059px","top":"441px","z-index":"50","color":"#8f8f8f","font-family":"RobotoCondensed-Light","font-size":"large","width":"145px","height":"25px","text-align":"center","opacity":"","border-style":"","border-width":"","border-color":"","box-shadow":"0 1px grey"},"widgetSet":"basic"}]
                                    

                                    CSS Klassen zum rotieren der rechten Pfeile

                                    .rot90{
                                    transform: rotate(90deg);
                                    }
                                    .rot180{
                                    transform: rotate(180deg);
                                    }
                                    .rot270{
                                    transform: rotate(270deg);
                                    }
                                    

                                    Für die Icons brauchst du den Adapter "icons-material-png"
                                    Für die Buttons brauchst du den Adapter vis-jqui-mfd

                                    Das ist die Grafik für den offenen Zustand des Garagentors, welche ich unter /vis.0/Garage_offen_Auto.png abgelegt habe
                                    (Einfach hier drunter mal klicken, es ist eine Grafik in weiß)
                                    vis.0_Garage_offen_Auto.png

                                    M Offline
                                    M Offline
                                    MartyBr
                                    schrieb am zuletzt editiert von
                                    #59

                                    @feuersturm
                                    Kannst du bitte noch die CSS Klasse posten? Bei den Grafiken rechts wird auf eine Klasse rot270 verwiesen.

                                    Gruß
                                    Martin


                                    Intel NUCs mit Proxmox / Iobroker als VM unter Debian
                                    Raspeberry mit USB Leseköpfen für Smartmeter
                                    Homematic und Homematic IP

                                    FeuersturmF 1 Antwort Letzte Antwort
                                    0
                                    • M MartyBr

                                      @feuersturm
                                      Kannst du bitte noch die CSS Klasse posten? Bei den Grafiken rechts wird auf eine Klasse rot270 verwiesen.

                                      FeuersturmF Online
                                      FeuersturmF Online
                                      Feuersturm
                                      schrieb am zuletzt editiert von
                                      #60

                                      @martybr Na klar, habe ich oben als Spoiler mit eingefügt.

                                      M 1 Antwort Letzte Antwort
                                      0
                                      • FeuersturmF Feuersturm

                                        @martybr Na klar, habe ich oben als Spoiler mit eingefügt.

                                        M Offline
                                        M Offline
                                        MartyBr
                                        schrieb am zuletzt editiert von
                                        #61

                                        @feuersturm
                                        Vielen Dank.

                                        Gruß
                                        Martin


                                        Intel NUCs mit Proxmox / Iobroker als VM unter Debian
                                        Raspeberry mit USB Leseköpfen für Smartmeter
                                        Homematic und Homematic IP

                                        1 Antwort Letzte Antwort
                                        0
                                        • FeuersturmF Feuersturm

                                          @labamba
                                          Diese Element in VIS
                                          d34287d0-b025-43cb-8efe-4a1ab471ae3c-grafik.png d8823340-66b3-407b-9764-6ac45e07e21c-grafik.png

                                          hab ich wie folgt realisiert:
                                          Widget Export:

                                          [{"tpl":"tplMfdGarage","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_STATE","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","asButton":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"invert_state":false,"opened_icon":"/vis.0/Garage_offen_Auto.png","closed_icon":"","closed_iconColor":""},"style":{"left":"1090px","top":"500.99998474121094px","width":"91px","height":"92px","z-index":"1"},"widgetSet":"jqui-mfd"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"1","invert_icon":false,"class":"rot270"},"style":{"left":"1184px","top":"475.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"3","invert_icon":false,"class":"rot90"},"style":{"left":"1184px","top":"542.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_report_white_48dp.png","value":"2","invert_icon":false,"class":""},"style":{"left":"1026px","top":"546.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/content/ic_remove_circle_outline_white_48dp.png","value":"4","invert_icon":false,"class":""},"style":{"left":"1026px","top":"476.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log-Script/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"class":"","name":"A_LeftBar","locked":false,"gestures-rotateLeft-limit":"5"},"style":{"left":"1012px","top":"424px","width":"246px","height":"198px","background":"#1F2129","border-width":"","z-index":"0","background-color":"#1F2129","border-style":"none","border-radius":"10px","opacity":"0.5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Log/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Log/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"Garage","html_append":"","class":"","labelColorTrue":"#fff","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","test_html":"","name":"Titel_Hintergrund_Garage"},"style":{"left":"1059px","top":"441px","z-index":"50","color":"#8f8f8f","font-family":"RobotoCondensed-Light","font-size":"large","width":"145px","height":"25px","text-align":"center","opacity":"","border-style":"","border-width":"","border-color":"","box-shadow":"0 1px grey"},"widgetSet":"basic"}]
                                          

                                          CSS Klassen zum rotieren der rechten Pfeile

                                          .rot90{
                                          transform: rotate(90deg);
                                          }
                                          .rot180{
                                          transform: rotate(180deg);
                                          }
                                          .rot270{
                                          transform: rotate(270deg);
                                          }
                                          

                                          Für die Icons brauchst du den Adapter "icons-material-png"
                                          Für die Buttons brauchst du den Adapter vis-jqui-mfd

                                          Das ist die Grafik für den offenen Zustand des Garagentors, welche ich unter /vis.0/Garage_offen_Auto.png abgelegt habe
                                          (Einfach hier drunter mal klicken, es ist eine Grafik in weiß)
                                          vis.0_Garage_offen_Auto.png

                                          L Offline
                                          L Offline
                                          LaBamba
                                          schrieb am zuletzt editiert von
                                          #62

                                          @feuersturm
                                          Danke, das schaut richtig gut aus!
                                          Werde es morgen mal testen.
                                          Die grafik mit dem offenen Garagentor und dem Auto findest auch unter:
                                          /icons-mfd-png/fst_garage.png

                                          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

                                          326

                                          Online

                                          32.5k

                                          Benutzer

                                          81.8k

                                          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