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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. Steuerung Hörmann SupraMatic 3 mit HMip-MOD-HO?

NEWS

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

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

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

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

Scheduled Pinned Locked Moved Skripten / Logik
javascript
66 Posts 12 Posters 9.9k Views 15 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • FeuersturmF Feuersturm

    @v8turbo was passiert, wenn du das Tor über die Homematic Oberfläche steuerst. Funktioniert das?

    V Offline
    V Offline
    V8Turbo
    wrote on last edited by
    #41

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

    U FeuersturmF 2 Replies Last reply
    0
    • V V8Turbo

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

      U Offline
      U Offline
      UV-on-fire
      wrote on last edited by UV-on-fire
      #42

      @v8turbo
      Aso du nutzt die Homematic APP. Ich hatte einen Screenshot vom IO-Broker gemacht.

      Ne Quatsch dein Screenshot ist ja auch vom IO-Broker. Aber irgendwie ist deine Struktur anders. Mein Screenshot ist von Objekte --> hm-rpc --> 2 --> ... Scheinbar ist bei dir die Ansicht anders oder ist das nicht aus dem Ojektbaum?

      90abf9e0-e9f4-410c-9abf-692e8194a642-grafik.png

      1 Reply Last reply
      0
      • 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 Offline
        FeuersturmF Offline
        Feuersturm
        wrote on last edited by
        #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 Reply Last reply
        0
        • V V8Turbo

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

          FeuersturmF Offline
          FeuersturmF Offline
          Feuersturm
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by 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 Reply Last reply
            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
              wrote on last edited by
              #46

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

              1 Reply Last reply
              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
                wrote on last edited by 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 Reply Last reply
                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
                  wrote on last edited by
                  #48

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

                  1 Reply Last reply
                  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
                    wrote on last edited by 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 Replies Last reply
                    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
                      wrote on last edited by 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 Reply Last reply
                      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
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • U Offline
                              U Offline
                              UV-on-fire
                              wrote on last edited by
                              #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 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by LogSeb
                                    #57

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

                                    1 Reply Last reply
                                    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 Offline
                                      FeuersturmF Offline
                                      Feuersturm
                                      wrote on last edited by 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 Replies Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        0
                                        • M MartyBr

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

                                          FeuersturmF Offline
                                          FeuersturmF Offline
                                          Feuersturm
                                          wrote on last edited by
                                          #60

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          487

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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