Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Kamera in VIS einbinden

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Kamera in VIS einbinden

    This topic has been deleted. Only users with topic management privileges can see it.
    • TG70
      TG70 Forum Testing @wendy2702 last edited by

      wendy2702

      999_dropdown.jpg

      Passt zwar hier jetzt nicht zum Thema. Aber wie oder womit hast du die Buttons erstellt?
      Sieht Top aus.

      22741015-e6f3-4512-9bfa-e2a759671a48-image.png

      Vielleicht kannst du mir diesen mal schicken. Vielen lieben DANK

      1 Reply Last reply Reply Quote 0
      • wendy2702
        wendy2702 last edited by

        Hier mal das Entertainment Widget.

        [{"tpl":"tplJquiIconNav","data":{"hm_id":65535,"digits":6,"factor":1,"src":"/icons-mfd-png/it_remote.png","nav_view":"ipad_entertainment_WZ","text":"Entertainment Wohnzimmer","class":"IPAD-nav","filterkey":"","visibility-cond":"==","visibility-val":1,"imageHeight":"61","views":null,"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},"style":{"left":"573px","top":"0px","width":"113px","height":"99px","border-radius":"0px","font":"normal normal normal 17px/normal Arial, Arial, sans-serif","box-shadow":"0px 0px 15px #8a8a8a"},"widgetSet":"jqui"}]
        

        Dann noch den MFD Icon Adapter als PNG.

        Ist es das was du meinst?

        1 Reply Last reply Reply Quote 1
        • TG70
          TG70 Forum Testing last edited by TG70

          @wendy2702 sagte in Kamera in VIS einbinden:

          MFD Icon Adapter

          Genau das meinte ich. Danke für deine Rückmeldung.
          Leider bin ich in der VIS neu. Hatte IoBroker
          bisher nur zum Log und zu Statistik Zwecken genutzt. Welche ich dann
          in meiner Mediola AIO Creator NEO Visualisierung eingebunden habe.

          Deshalb frag ich etwas blöd... sorry. Wie meinst du das dann mit der MFD Icon Adapter als PNG. Wird hier nochmal ein PNG darunter gelegt, oder kann ich das im Widget hinterlegen das PNG?

          Ich möchte dieses Design mit dem schwarzen Farbverlauf als Schalter, welcher dann im ON Zustand grün
          hinterlegt ist. Wie gehe ich da vor.

          So sieht es jetzt aus nach dem Import deines Widgets.

          6d557bd9-5c4f-44b0-97d1-d911e6fe48a5-image.png

          1 Reply Last reply Reply Quote 0
          • wendy2702
            wendy2702 last edited by

            Wenn du mein Widget importierst, den MFD Picon PNG Adapter installierst sollte alles da sein.

            Das PNG ist im Widget definiert.

            TG70 1 Reply Last reply Reply Quote 1
            • TG70
              TG70 Forum Testing @wendy2702 last edited by

              @wendy2702
              Adapter sollte aber installiert sein:

              32c39a6c-92e5-45fe-8145-ef27515f8b42-image.png

              Sieht aktuell aber so aus?

              75edd1c6-af74-49bf-ae58-c3b59517818d-image.png

              Glasfaser 1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @TG70 last edited by

                @TG70
                Ändere mal das " Thema "

                1.JPG

                TG70 1 Reply Last reply Reply Quote 1
                • TG70
                  TG70 Forum Testing @Glasfaser last edited by

                  @Glasfaser ..oja sorry, vor lauter Energie hab ich nicht mehr auf das Grundthema geschaut. Soll ich noch einen neuen Thread aufmachen oder wie ist das jetzt noch am Besten?

                  Das wars @Glasfaser ....
                  Habe es aber mitlerweile auch anderweitig nachstellen können.
                  Background Farbverlauf:

                  rgba(0, 0, 0, 0) linear-gradient(rgb(0, 0, 0) 0%, rgb(66, 66, 66) 47%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% / auto padding-box border-box
                  

                  2b82651b-e6b8-4906-9261-2d11737d6a37-image.png

                  Jetzt bin ich nur noch auf der Suche, wo ich den Text unterhalb des Icons zentriert setzen kann. Mit dem Materialdesign_Button_Toggle krieg ich das wohl nur rechts oder links hin ???

                  Glasfaser 1 Reply Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @TG70 last edited by Glasfaser

                    @TG70

                    Versuche mal so :

                    [{"tpl":"tplJquiIconNav","data":{"hm_id":65535,"digits":6,"factor":1,"src":"/icons-mfd-png/it_television.png","nav_view":"ipad_entertainment_WZ","text":"HUE ESZ","class":"IPAD-nav","filterkey":"","visibility-cond":"==","visibility-val":1,"imageHeight":"87","views":null,"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},"style":{"left":"905px","top":"126px","width":"113px","height":"99px","border-radius":"0px","font":"normal normal normal 17px/normal Arial, Arial, sans-serif","box-shadow":"0px 0px 15px #8a8a8a","font-size":"12px","font-family":"Jura-DemiBold","text-align":"center","font-weight":"normal","line-height":"0"},"widgetSet":"jqui"}]
                    

                    TG70 1 Reply Last reply Reply Quote 0
                    • TG70
                      TG70 Forum Testing @Glasfaser last edited by

                      Sieht dann so aus:

                      e3b52a5b-0ebb-4318-901e-4a9da6737790-image.png

                      Stelle mir eigentlich vor den Text nur unterhalb
                      Dieses Widget ist glaub ich eh kein Schalter on/off Widget ??

                      Glasfaser 1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @TG70 last edited by Glasfaser

                        @TG70

                        Habe ich doch eingestellt... das der Text unterhalb ist !
                        Du musst mit der Bildhöhe % spielen , dann geht der Text in die Mitte und mit 0 habe ich wieder hoch geholt.

                        1.JPG

                        1 Reply Last reply Reply Quote 1
                        • TG70
                          TG70 Forum Testing last edited by TG70

                          Jep Danke Glasfaser ... die Bildhöhe war das Problem.
                          Aber ich kann mit diesem Widget kein ON/OFF schalten oder ???

                          Was mir gerade noch auffällt. Wenn ich die VIS mit dem iPhone aufrufe bzw. besser gesagt neu starte werden mir die aktuellen ON Zustände nicht angezeigt. Erst wenn ich
                          einen Button drücke, werden alle Zustände aktuell angezeigt.

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Support us

                          ioBroker
                          Community Adapters
                          Donate
                          FAQ Cloud / IOT
                          HowTo: Node.js-Update
                          HowTo: Backup/Restore
                          Downloads
                          BLOG

                          858
                          Online

                          31.9k
                          Users

                          80.2k
                          Topics

                          1.3m
                          Posts

                          11
                          76
                          12902
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                          The ioBroker Community 2014-2023
                          logo