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 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

                                      889
                                      Online

                                      31.9k
                                      Users

                                      80.2k
                                      Topics

                                      1.3m
                                      Posts

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