Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v3.0.0 - just another remarkable vis

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    jarvis v3.0.0 - just another remarkable vis

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

      @mcu

      .(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(0) q-slider .q-slider__track {
      	height: 85px;
      }
      
      (z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(0) .q-slider__track {
      	color: transparent;
      }
      
      M 1 Reply Last reply Reply Quote 0
      • M
        MCU @uwe72 last edited by

        @uwe72

        .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(3) q-slider .q-slider__track {
                background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
        	/* height: 85px; */
        }
         
        .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(3) .q-slider__track {
        	color: transparent;
        }
        

        evtl 3 gegen 4 tauschen nth-child(3) -> nth-child(4), abhängig wo die temperature liegt, unter hue?

        U 1 Reply Last reply Reply Quote 0
        • U
          uwe72 @MCU last edited by

          @mcu said in jarvis v3.0.0 - just another remarkable vis:

          .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(3) q-slider .q-slider__track { background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% ); /* height: 85px; */ } .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(3) .q-slider__track { color: transparent; }

          Ist diese Reihenfolge relevant, oder?
          c77650d2-70cd-4da9-a6de-3c66f1292491-image.png

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

            @uwe72 Dann wäre es die (2).
            Nee. Müsste doch die (4) sein.
            Farbpunkt ist im Popup ausgeschaltet?
            Falls der Farbpunkt trotzdem mit einwirkt, wäre es die (5). Ich hab so ein Fall nicht geprüft.

            U 1 Reply Last reply Reply Quote 0
            • U
              uwe72 @MCU last edited by uwe72

              @mcu Ja, Farbpunkt ist ausgeschaltet

              Ich kriegs irgendwie noch nicht hin

              Konfig:

              {
                "(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9": {
                  "name": "Büro Stableuchte (Z013)",
                  "icon": "",
                  "label": "Büro Stableuchte (Z013)",
                  "function": "light",
                  "states": {
                    "modus": {
                      "stateKey": "modus",
                      "showState": false,
                      "state": "0_userdata.0.rgb.Z013.isRgb",
                      "action": "0_userdata.0.rgb.Z013.isRgb",
                      "label": "Farbschema RGB",
                      "display": {
                        "true": "RGB",
                        "false": "Weiß"
                      },
                      "actionElement": "SwitchAction",
                      "icon": "ev-plug-type2",
                      "stateStyle": {
                        "default": {
                          "font-color": "white"
                        }
                      }
                    },
                    "Farbpunkt": {
                      "stateKey": "Farbpunkt",
                      "showState": true,
                      "hide": true,
                      "stateStyle": {
              

              Styles komplett:

              .MuiListItemText-root {
              	min-width: 0;
              	margin-top: 1px;
              	margin-bottom: 1px;
              }
              
              .MuiListItem-root {
              	padding-top: 1px;
              	padding-bottom: 1px;
              }
              
              .MuiSwitch-input {
              	width: 1000px;
              	color: #000000;
              }
              
              .MuiSwitch-colorPrimary.Mui-checked {
              	color: #F8C936;
              }
              
              .q-toggle__thumb {
              	color: #F8C936;
              }
              
              .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(4) q-slider .q-slider__track {
              	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
              	height: 85px;
              }
              
              .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(4) .q-slider__track {
              	color: transparent;
              }
              

              Ergebnis:
              2b85097d-62d0-4293-a2ce-7ad05503ed99-image.png

              Habs auch mit 5 probiert. Mit 2, 3, 4...

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

                @uwe72 Mach mal rechte Maustaste auf den Bereich:
                c4537e12-27a1-4c66-abcc-9e0035dece3b-image.png
                Untersuchen klicken
                Und dann hoch scrollen auf der rechten Seite, bis du jarvis-device siehst.

                U 1 Reply Last reply Reply Quote 0
                • U
                  uwe72 @MCU last edited by uwe72

                  @mcu
                  8b43a8a1-1543-4728-97a1-42a9097c64d9-image.png

                  ok, ich scrolle noch hoch --> müsste schon passen mit dem hochscrollen?!

                  M U 2 Replies Last reply Reply Quote 0
                  • M
                    MCU @uwe72 last edited by MCU

                    @uwe72

                    .MuiListItemText-root {
                    	min-width: 0;
                    	margin-top: 1px;
                    	margin-bottom: 1px;
                    }
                     
                    .MuiListItem-root {
                    	padding-top: 1px;
                    	padding-bottom: 1px;
                    }
                     
                    .MuiSwitch-input {
                    	width: 1000px;
                    	color: #000000;
                    }
                     
                    .MuiSwitch-colorPrimary.Mui-checked {
                    	color: #F8C936;
                    }
                     
                    .q-toggle__thumb {
                    	color: #F8C936;
                    }
                     
                    .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(4) .q-slider .q-slider__track {
                    	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
                    	height: 85px;
                    }
                     
                    .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(4) .q-slider__track {
                    	color: transparent;
                    }
                    
                    

                    ein punkt fehlte vor q-slider
                    85px ziemlich dicker Slider?

                    1 Reply Last reply Reply Quote 0
                    • U
                      uwe72 @uwe72 last edited by

                      @uwe72 Ja, wollte nur mal sehen, dass er auch wirklich dicker wird - würde ich natürlich ändern im Nachgang.

                      Leider keine Veränderung 😞

                      Ich kopiere das schon hier rein oder?
                      8ae95b55-52ea-45b8-ba81-6a51742c36dc-image.png

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

                        @uwe72 Ja richtig. Dann versuchen wir die (3).

                        U Dominik F. 2 Replies Last reply Reply Quote 0
                        • U
                          uwe72 @MCU last edited by

                          @mcu
                          ec94f7cd-4a3b-492e-8e1d-9ccfaa06bdca-image.png

                          .MuiListItemText-root {
                          	min-width: 0;
                          	margin-top: 1px;
                          	margin-bottom: 1px;
                          }
                          
                          .MuiListItem-root {
                          	padding-top: 1px;
                          	padding-bottom: 1px;
                          }
                          
                          .MuiSwitch-input {
                          	width: 1000px;
                          	color: #000000;
                          }
                          
                          .MuiSwitch-colorPrimary.Mui-checked {
                          	color: #F8C936;
                          }
                          
                          .q-toggle__thumb {
                          	color: #F8C936;
                          }
                          
                          .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(3) .q-slider .q-slider__track {
                          	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
                          	height: 85px;
                          }
                          
                          .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(3) .q-slider__track {
                          	color: transparent;
                          }
                          
                          M 1 Reply Last reply Reply Quote 0
                          • Dominik F.
                            Dominik F. @MCU last edited by

                            @mcu

                            jetzt verstehe ich auch wie du raus findest, wie die Dinge benannt werden müssen die man verändert möchte^^

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

                              @uwe72 Setz mal die height kleiner 15px.
                              Dann geh mal weiter mit den Zahlen durch (3) (4) hatten dann (5).
                              Für mich ist das weiter das (4), aber auch mal F5 gedrückt zum Aktualisieren?

                              U 1 Reply Last reply Reply Quote 0
                              • U
                                uwe72 @MCU last edited by uwe72

                                @mcu

                                Ja, ich mache immer Strg+R (F5) wenn ich was an der Jarvis-Konfig ändere.

                                Habe 3-5 durch

                                .MuiListItemText-root {
                                	min-width: 0;
                                	margin-top: 1px;
                                	margin-bottom: 1px;
                                }
                                
                                .MuiListItem-root {
                                	padding-top: 1px;
                                	padding-bottom: 1px;
                                }
                                
                                .MuiSwitch-input {
                                	width: 1000px;
                                	color: #000000;
                                }
                                
                                .MuiSwitch-colorPrimary.Mui-checked {
                                	color: #F8C936;
                                }
                                
                                .q-toggle__thumb {
                                	color: #F8C936;
                                }
                                
                                .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem:nth-child(5) .q-slider .q-slider__track {
                                	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
                                	height: 10px;
                                }
                                
                                .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem:nth-child(5) .q-slider__track {
                                	color: transparent;
                                }
                                

                                Keine Änderung. Hab grad die Height auch mal ganz rausgenommen. Auch keine Änderung

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

                                  @uwe72 Bei mi funktioniert es:
                                  78a124c0-918f-428e-9845-c76873f5ef95-image.png

                                  U M R 3 Replies Last reply Reply Quote 0
                                  • U
                                    uwe72 @MCU last edited by

                                    @mcu Ich lasse nun mal so, egal.

                                    Danke trotzdem für den Versuch. Vielleicht gehe ich es ein ander mal nochmals an.

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

                                      @uwe72

                                      .MuiListItemText-root {
                                      	min-width: 0;
                                      	margin-top: 1px;
                                      	margin-bottom: 1px;
                                      }
                                       
                                      .MuiListItem-root {
                                      	padding-top: 1px;
                                      	padding-bottom: 1px;
                                      }
                                       
                                      .MuiSwitch-input {
                                      	width: 1000px;
                                      	color: #000000;
                                      }
                                       
                                      .MuiSwitch-colorPrimary.Mui-checked {
                                      	color: #F8C936;
                                      }
                                       
                                      .q-toggle__thumb {
                                      	color: #F8C936;
                                      }
                                       
                                      .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9 .jarvis-StateListItem-Popup:nth-child(4) .q-slider .q-slider__track {
                                      	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
                                      	height: 10px;
                                      }
                                       
                                      .jarvis-device-(z011)_f7347_1997f_e16a9_01b32_615bd_f89c6_31aa9  .jarvis-StateListItem-Popup:nth-child(4) .q-slider__track {
                                      	color: transparent;
                                      }
                                      
                                      
                                      U 1 Reply Last reply Reply Quote 0
                                      • U
                                        uwe72 @MCU last edited by

                                        @mcu leider keine Erfolgsmeldung. Habe es nochmals mit 3,4,5 probiert

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

                                          @uwe72 Vielleicht kommt die Klammer im Selektor nicht so gut? Keine Ahnung. Schade.

                                          U 2 Replies Last reply Reply Quote 0
                                          • U
                                            uwe72 @MCU last edited by uwe72

                                            @mcu werde es morgen nochmals probieren mit gescheiten IDs. Die gefallen mir so sowieso nicht.

                                            Übrigens, müsste da nicht die ID in die Zwischenablage kopiert werden?
                                            4ec882ec-e3f2-4bd1-8c29-5d36c96d6ee9-image.png

                                            Bei mir kommt dann "Büro Stableuchte (Z013)" in die Zwischenablage?

                                            Egal ob ich auf den Tooltip klicke oder auf das Icon

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            565
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            252
                                            4481
                                            2392523
                                            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