Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Vis2 Material Widget Hintergrund Blinken lassen

    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

    Vis2 Material Widget Hintergrund Blinken lassen

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MCU @LubuBroker last edited by MCU

      @lububroker Zeig bitte da Bild von Generell -> CSS-Klasse

      ändere auf transparent

      background-color: transparent ;
      

      Bei mir funktioniert es mit der klasse

      1 Reply Last reply Reply Quote 0
      • L
        LubuBroker last edited by

        6b590523-55a6-4746-9cf7-a76c76a1ba98-image.png

        Transparent habe ich ergänzt

        cd52391e-2e8c-4b09-8c37-2f01ae889b74-image.png

        M 1 Reply Last reply Reply Quote 0
        • M
          MCU @LubuBroker last edited by MCU

          @lububroker Nein.

          background-color: transparent ;
          

          erst auf Binding klicken
          1535685d-1e0a-468c-b9d8-a19d1cdc4f44-image.png
          und dann dort das binding eintragen bzw. den DP auswählen und abändern

          e6d1282f-da9c-4da3-a849-58bb7e33ab69-image.png

          291a8eb8-5962-470e-b183-e3d86b709376-image.png

          L 1 Reply Last reply Reply Quote 0
          • L
            LubuBroker @MCU last edited by

            @mcu
            Bei Transparent habe ich die '' rausgenommen. Aber funktioniert trotzdem nicht.
            Es scheint wie ein Hintergrund hinter dem Hintergrund zu geben.

            Wenn ich beim Widget ohne Rahmen einstelle blinkt es richtig

            M 1 Reply Last reply Reply Quote 0
            • M
              MCU @LubuBroker last edited by MCU

              @lububroker Ich möchte jetzt erst bitte das Bild von Generell CSS Klasse mit dem Binding sehen.

              vis2-css-blinkNew.gif

              mit Border
              vis2-css-blinkNew-border.gif

              1 Reply Last reply Reply Quote 0
              • L
                LubuBroker last edited by

                Du meinst das?
                05dea97c-8456-4e23-a7df-64a9c669b307-image.png

                M 1 Reply Last reply Reply Quote 0
                • M
                  MCU @LubuBroker last edited by

                  @lububroker
                  99610422-557d-4c71-9d29-896ce487beb6-image.png
                  Das ist ein boolean -> wert == true

                  1 Reply Last reply Reply Quote 0
                  • L
                    LubuBroker last edited by

                    Funktioniert auch mit 1
                    Es blinkt ja. Aber eben leider hinter dem Widget

                    OliverIO M 2 Replies Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @LubuBroker last edited by

                      @lububroker

                      Wenn du magst, kannst du auch noch meine Fragen beantworten. Wahrscheinlich liegt dort die Antwort des Problems.

                      1 Reply Last reply Reply Quote 0
                      • M
                        MCU @LubuBroker last edited by MCU

                        @lububroker Kannst du mal ein Video machen, damit man sieht was du meinst.

                        EDIT:

                        fcbcd3c6-68c8-4006-bfba-8f8745b7eb6a-image.png
                        abschalten

                        1 Reply Last reply Reply Quote 0
                        • L
                          LubuBroker last edited by

                          Hab grad nichts zum Video machen da

                          Habs aber gerade so erwischt
                          Einmal alles Rot
                          99562bc8-23ce-4dd2-9f8a-203874003eee-image.png

                          Und dann ohne Hintergrund, weil ich den Hacken bei Ohne Rahmen gesetzt habe.
                          60c53081-509e-48f7-bee9-3cc492c221ed-image.png

                          Es scheint im Hintergrund das zu machen was ich will.

                          1 Reply Last reply Reply Quote 0
                          • L
                            LubuBroker last edited by

                            Wenn ich aber den Haken wider raus neme, ist während Rot, nur ganz am Rand das Rot zu sehen so wie in meinem ersten Bild.
                            2b53cb95-e50b-473b-900c-16ea3b010551-image.png

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              MCU @LubuBroker last edited by MCU

                              @lububroker Was steht noch im "Allgemein" zum Widget? Wie heißt das Widget?

                              L 1 Reply Last reply Reply Quote 0
                              • L
                                LubuBroker @MCU last edited by

                                @mcu
                                Es ist in Vis 2 gemacht
                                Von der Materials-Widgets Palette das Jalousie Widget. Aber ich habe den Blinker auch schon auf die anderen Materials Widgets angewendet, und ist bei allen das gleiche Ergebnis.

                                1 Reply Last reply Reply Quote 0
                                • L
                                  LubuBroker last edited by

                                  Das währe sonst noch der Export

                                  [
                                    {
                                      "tpl": "tplMaterial2Blinds",
                                      "data": {
                                        "bindings": [
                                          "class"
                                        ],
                                        "sashCount": 2,
                                        "g_common": true,
                                        "ratio": 1,
                                        "borderWidth": 2.3,
                                        "oid": "",
                                        "oid_stop": "",
                                        "showValue": false,
                                        "slideSensor_oid1": null,
                                        "slideHandle_oid1": "0_userdata.0.Zentral.Zentral_Fenster_Status",
                                        "slideType1": "left",
                                        "slideRatio1": 1,
                                        "slidePos_oid1": null,
                                        "slideStop_oid1": null,
                                        "slideMin1": null,
                                        "slideMax1": null,
                                        "slideInvert1": null,
                                        "g_sashes-1": true,
                                        "widgetTitle": "Alle Fenster und Türen",
                                        "slideSensor_oid2": null,
                                        "slideHandle_oid2": "0_userdata.0.Zentral.Zentral_Fenster_Status",
                                        "slideType2": "right",
                                        "slideRatio2": 1,
                                        "slidePos_oid2": null,
                                        "slideStop_oid2": null,
                                        "slideMin2": null,
                                        "slideMax2": null,
                                        "slideInvert2": null,
                                        "g_sashes-2": true,
                                        "name": null,
                                        "comment": null,
                                        "class": "{wert:0_userdata.0.Zentral.Fenster_Alarm; wert==\"1\" ? \"blink\":\"\"}",
                                        "filterkey": null,
                                        "multi-views": null,
                                        "locked": null,
                                        "g_fixed": true,
                                        "noCard": false,
                                        "visibility-oid": null,
                                        "visibility-cond": "==",
                                        "visibility-val": 1,
                                        "visibility-groups": null,
                                        "visibility-groups-action": "hide",
                                        "g_visibility": true,
                                        "g_css_background": true
                                      },
                                      "style": {
                                        "bindings": [],
                                        "left": "485px",
                                        "top": "592px",
                                        "width": "100%",
                                        "height": "220",
                                        "position": "relative",
                                        "newLine": false,
                                        "background": null,
                                        "background-color": "",
                                        "background-image": null,
                                        "background-repeat": null,
                                        "background-attachment": null,
                                        "background-position": null,
                                        "background-size": null,
                                        "background-clip": null,
                                        "background-origin": null
                                      },
                                      "widgetSet": "vis-2-widgets-material",
                                      "_id": "i000001"
                                    }
                                  ]
                                  
                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    MCU @LubuBroker last edited by MCU

                                    @lububroker
                                    bc36118e-2bb5-4fca-ae90-6a54a3835cd8-image.png

                                    vis2-css-blinkNew-window.gif

                                    L 1 Reply Last reply Reply Quote 0
                                    • L
                                      LubuBroker @MCU last edited by

                                      @mcu
                                      Nein ich möchte ja den Hintergrund nicht transparent, sondern das Theme verwenden.
                                      Nur bei Alarm, soll sich der Hintergrund in rot ändern.
                                      Aber ich denke das ist wahrscheinlich gar nicht möglich.

                                      Trotzdem vielen Dank für deine Unterstützung

                                      M 1 Reply Last reply Reply Quote 0
                                      • M
                                        MCU @LubuBroker last edited by MCU

                                        @lububroker Dann dort auch ein Binding

                                        36157a7e-44d9-4c67-89e5-988bb2d9b908-image.png

                                        {v:0_userdata.0.DP.dp1;v=='25'? 'transparent':  ''}
                                        

                                        Dann ist es nur im Alarm-Fall

                                        L 1 Reply Last reply Reply Quote 0
                                        • L
                                          LubuBroker @MCU last edited by

                                          @mcu
                                          Ja das ist natürlich auch eine. Werde ich wahrscheinlich so umsetzen.
                                          Vielen Dank

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

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          536
                                          Online

                                          31.9k
                                          Users

                                          80.1k
                                          Topics

                                          1.3m
                                          Posts

                                          3
                                          33
                                          1307
                                          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