Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v3.1.x - 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.1.x - just another remarkable vis

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

      @zefau Leider nein. Sind glaube ich einige. Wichtiger wäre es Änderungen direkt mitzuteilen, damit man es dokumentieren kann.?

      1 Reply Last reply Reply Quote 0
      • S
        SlipKoRn_DH88 last edited by

        @zefau

        Bei mir sind es alle Styles Einträge, welche nicht mehr greifen:

        body {
        	font-family: Tahoma;
        	font-size: 20px;
        	font-style: normal;
        	font-variant: normal;
        	font-weight: 700;
        	line-height: 25px;
        	background-color: #000000;
        }
        
        /* BLINKENDE ICONS */
        
        /* BLINKENDE ICONS */
        
        /* BLINKENDE ICONS */
        
        .blink {
        	animation: blinker 1s linear infinite;
        }
        
        @keyframes blinker {
        	50% {
        		opacity: 0;
        	}
        }
        
        /* HINTERGRUND */
        
        /* HINTERGRUND */
        
        /* HINTERGRUND */
        
        .jarvis-page {
        	background-color: #000000;
        }
        
        /* SIDEBAR STYLE */
        
        /* SIDEBAR STYLE */
        
        /* SIDEBAR STYLE */
        
        .jarvis-sidebar {
        	background-color: #ffffff;
        }
        
        .jarvis-sidebar-item {
        	background-color: #ffffff;
        }
        
        /* TOGGLE STYLE */
        
        /* TOGGLE STYLE */
        
        /* TOGGLE STYLE */
        
        .q-toggle__thumb::after {
        	background: #F5A9A9;
        }
        
        .q-toggle__thumb::after {
        	color: #81F781;
        }
        
        @keyframes left_right {
        	0% {
        		background-position: 0% 50%;
        	}
        
        	50% {
        		background-position: 100% 50%;
        	}
        
        	100% {
        		background-position: 0% 50%;
        	}
        }
        
        @keyframes up_down {
        	0% {
        		background-position: 50% 0%;
        	}
        
        	50% {
        		background-position: 50% 100%;
        	}
        
        	100% {
        		background-position: 50% 0%;
        	}
        }
        
        /* UHRZEIT HOMESCREEN GRÖSSE */
        
        /* UHRZEIT HOMESCREEN GRÖSSE */
        
        /* UHRZEIT HOMESCREEN GRÖSSE */
        
        [widgets="e67e0822-3da5-47e0-8ec1-985c3f6fe4af"] .jarvis-DateTime-Clock {
        	font-size: 45px;
        	line-height: 1.0;
        }
        
        /* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */
        
        /* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */
        
        /* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */
        
        /* .notification-drawer-button {
        	display: none !important;
        }
        
        */
        
        [widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider__thumb {
        	transform: translateY(-10px) scale(1.5, 1.5);
        }
        
        .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 .jarvis-StateListItem-Body [role="slider"] {
        	padding-top: 20px;
        }
        
        /* SCOLLBALKEN AUSBLENDEN */
        
        /* SCOLLBALKEN AUSBLENDEN */
        
        /* SCOLLBALKEN AUSBLENDEN */
        
        .jarvis-page-container textarea::-webkit-scrollbar {
        	display: none !important;
        }
        
        .jarvis-page-container textarea::-webkit-scrollbar-thumb {
        	display: none !important;
        }
        
        .jarvis-page-container .scroll::-webkit-scrollbar {
        	display: none !important;
        }
        
        .jarvis-page-container .scroll::-webkit-scrollbar-thumb {
        	display: none !important;
        }
        
        /* ICON SYMBOL RAHMEN */
        
        /* ICON SYMBOL RAHMEN */
        
        /* ICON SYMBOL RAHMEN */
        
        /* .jarvis-icon path {
        	stroke: black;
        	stroke-width: 2;
        } */
        
        /* SLIDERFARBE HEIZUNG */
        
        /* SLIDERFARBE HEIZUNG */
        
        /* SLIDERFARBE HEIZUNG */
        
        [widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider .q-slider__track {
        	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
        	height: 10px !important;
        }
        
        [widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider__track {
        	color: transparent;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5 .q-slider .q-slider__track {
        	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
        	height: 10px !important;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5 .q-slider__track {
        	color: transparent;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9 .q-slider .q-slider__track {
        	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
        	height: 10px !important;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9 .q-slider__track {
        	color: transparent;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5_2c317 .q-slider .q-slider__track {
        	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
        	height: 10px !important;
        }
        
        .jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5_2c317 .q-slider__track {
        	color: transparent;
        }
        
        .q-list [widgets="e67e0822-3da5-47e0-8ec1-985c3f6fe4af"] {
        	background-image: url("https://wallpapercave.com/wp/wp2914444.jpg");
        }
        
        /* SCHRIFTART */
        
        /* SCHRIFTART */
        
        /* SCHRIFTART */
        
        @font-face {
        	font-family: 'Electrolize';
        	font-style: normal;
        	font-weight: 200;
        	src: url(https://fonts.gstatic.com/s/electrolize/v12/cIf5Ma1dtE0zSiGSiED7AXEBuI8.woff2) format('woff2');
        	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        
        :root .jarvis-page-container {
        	font-family: "Electrolize";
        }
        
        /* ICONS AUSBLENDEN */
        
        /* ICONS AUSBLENDEN */
        
        /* ICONS AUSBLENDEN */
        
        [widgets="97e0ea34-43e0-4f6d-a5f3-1a8ea54acfe7"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="f6c87581-f74a-4423-91cb-8c1a830e605f"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="1cb8be85-0113-4a42-8822-b0f57fb95cc3"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="a4553184-e7f4-42d3-9447-ae2767720f00"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="b48f8af1-d417-40d3-90aa-da2840f27a56"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="8cc32231-9a7e-4ca8-9740-a8f1d89c97df"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="8571003f-3b0a-4ed3-b9ee-155f6f998553"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        [widgets="5136e06e-143d-4077-97bb-509a8249ba8d"] .jarvis-StateListItem-Icon {
        	display: none !important;
        }
        
        /* SLIDERFARBE ROLLLADEN */
        
        /* SLIDERFARBE ROLLLADEN */
        
        /* SLIDERFARBE ROLLLADEN */
        
        [widgets="a8955378-05ee-4e17-a8c8-3262fcedf471"] .q-slider .q-slider__track {
        	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
        	height: 10px !important;
        }
        
        [widgets="a8955378-05ee-4e17-a8c8-3262fcedf471"] .q-slider__track {
        	color: transparent;
        }
        
        .jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider .q-slider__track {
        	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
        	height: 10px !important;
        }
        
        .jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider__track {
        	color: transparent;
        }
        
        [widgets="f286b56f-8502-418b-bb82-a689612205b6"] .q-slider .q-slider__track {
        	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
        	height: 10px !important;
        }
        
        [widgets="f286b56f-8502-418b-bb82-a689612205b6"] .q-slider__track {
        	color: transparent;
        }
        
        .jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider .q-slider__track {
        	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
        	height: 10px !important;
        }
        
        .jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider__track {
        	color: transparent;
        }
        
        /* ROLLLADEN SCHALTER UP <-> DOWN */
        
        /* ROLLLADEN SCHALTER UP <-> DOWN */
        
        /* ROLLLADEN SCHALTER UP <-> DOWN */
        
        .mdi-chevron-down {
        	color: transparent;
        	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=green') no-repeat center center / contain;
        }
        
        .mdi-chevron-up {
        	color: transparent;
        	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=green') no-repeat center center / contain;
        }
        
        /* Andere Version für Activity= false */
        
        .BlindLevelAction .text-grey .q-btn__wrapper {
        	color: red;
        }
        
        M 1 Reply Last reply Reply Quote 0
        • M
          MCU @SlipKoRn_DH88 last edited by MCU

          @slipkorn_dh88 Die Widget Selektoren müssen sowieso angepasst werden.
          8e5f0138-50fa-48dc-a424-880429d831cb-image.png

          [widgets="a1909546-e866-4205-a663-05c5465bc220"]
          -> .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 ...
          

          body funktioniert
          Buttons funktionieren
          Scrollbalken werden ausgeblendet
          73286e19-d27f-459a-a2c4-dae94f4df948-image.png

          Wie sollen die aussehen?
          65a009a7-611b-49de-8e24-c9f620dfac57-image.png

          Was stimmt hier nicht?
          c7c40374-0295-4867-b7ba-a14a9988bc30-image.png

          Sidebar Scrollbalken ausblenden

          /* Sidebar Scrollbalken ausblenden */
          .jarvis-sidebar-items::-webkit-scrollbar {
          	display: none !important;
          }
          
          .jarvis-sidebar-items::-webkit-scrollbar-thumb {
          	display: none !important;
          }
          
          S S 2 Replies Last reply Reply Quote 0
          • S
            somansch @MCU last edited by

            Nach dem Umstieg auf die Beta gehen bei mir die Slider zur Lautstärkeregelung für die Sonos nicht mehr. Der Slider im popUp funktioniert, aber der Slider im HomeKitTile verändet den DP nicht mehr.
            Screenshot 2022-10-23 125407.jpg
            Screenshot 2022-10-23 125447.jpg

            Viele Grüße
            Andreas

            S 1 Reply Last reply Reply Quote 0
            • S
              somansch @somansch last edited by

              Mir ist noch aufgefallen, dass die "Primäre Farbe" von den Theme Einstellungen nicht überall gesetzt wird. In meinem Fall ist ist eher ein Hellblau. Ich sehe jedoch an einigen Stellen das standardmäßige Dunkelblau.
              Screenshot 2022-10-23 130706.jpg
              Screenshot 2022-10-23 130150.jpg Screenshot 2022-10-23 130255.jpg Screenshot 2022-10-23 130314.jpg Screenshot 2022-10-23 130351.jpg

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

                @somansch Machst du bitte zu den einzelnen Punkten unter github jeweils ein Issue auf. Dann wird es nicht vergessen und man kommt nicht durcheinander. Danke.

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

                  @mcu

                  ok

                  1 Reply Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @Zefau last edited by

                    @zefau

                    Gibt es schon eine Möglichkeit bei true/false ein bestimmtes Bild einzublenden?

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

                      @sigi234 Wo soll es eingeblendet werden?
                      Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
                      Im Body Stil:

                      {"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}
                      
                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @MCU last edited by sigi234

                        @mcu sagte in jarvis v3.1.0-beta - just another remarkable vis:

                        @sigi234 Wo soll es eingeblendet werden?
                        Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
                        Im Body Stil:

                        {"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}
                        

                        Ok, wenn der Alarm Status sich ändert soll ein entsprechendes Bild eingeblendet werden.
                        Also verschiedene Bilder bei verschiedene Alarm Status.

                        Screenshot (5100).png

                        Screenshot (5101).png

                        Screenshot (5102).png

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

                          @sigi234 Ich hab einiges probiert, aber zurzeit ist nur die Umsetzung mit der StateList oder mit dem HomeKitTile sinnvoll. Beschreibungen folgen.

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

                            @sigi234 Wird übrigens bearbeitet.
                            https://github.com/Zefau/ioBroker.jarvis/issues/1999

                            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/homekittile#bilder-wechsel-durch-stateaenderung

                            Zefau created this issue in Zefau/ioBroker.jarvis

                            closed DisplayImage mit Geräte-DP anzeigen #1999

                            1 Reply Last reply Reply Quote 1
                            • S
                              SlipKoRn_DH88 @MCU last edited by

                              @mcu sagte in jarvis v3.1.0-beta - just another remarkable vis:

                              @slipkorn_dh88 Die Widget Selektoren müssen sowieso angepasst werden.
                              8e5f0138-50fa-48dc-a424-880429d831cb-image.png

                              [widgets="a1909546-e866-4205-a663-05c5465bc220"]
                              -> .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 ...
                              

                              body funktioniert
                              Buttons funktionieren
                              Scrollbalken werden ausgeblendet
                              73286e19-d27f-459a-a2c4-dae94f4df948-image.png

                              Wie sollen die aussehen?
                              65a009a7-611b-49de-8e24-c9f620dfac57-image.png

                              Was stimmt hier nicht?
                              c7c40374-0295-4867-b7ba-a14a9988bc30-image.png

                              Sidebar Scrollbalken ausblenden

                              /* Sidebar Scrollbalken ausblenden */
                              .jarvis-sidebar-items::-webkit-scrollbar {
                              	display: none !important;
                              }
                              
                              .jarvis-sidebar-items::-webkit-scrollbar-thumb {
                              	display: none !important;
                              }
                              

                              Das Problem muss wohl daran gelegen haben, dass alle Styles nicht erkannt wurden. Ich habe Jarvis neu installiert und danach funktionierte es.

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

                                @sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

                                sigi234 1 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @MCU last edited by sigi234

                                  @mcu sagte in jarvis v3.1.0-beta - just another remarkable vis:

                                  @sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

                                  Ok, dauert ein wenig.

                                  Alarm_Icons.zip

                                  alarm.0.status.json

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

                                    @sigi234 Mit v3.1.0-beta.7 läuft es auch mit displayImage.

                                    sigi234 1 Reply Last reply Reply Quote 1
                                    • sigi234
                                      sigi234 Forum Testing Most Active @MCU last edited by

                                      @mcu sagte in jarvis v3.1.0-beta - just another remarkable vis:

                                      @sigi234 Mit v3.1.0-beta.7 läuft es auch mit displayImage.

                                      Super, Link zur Doku gibt es schon?

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

                                        @sigi234 Bin gerade dabei. Moment.

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

                                          @sigi234
                                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/displayimage#bilderwechsel-bei-unterschiedlichen-statewerten-mit-eintraegen-in-der-anzeigevariante

                                          1 Reply Last reply Reply Quote 1
                                          • S
                                            somansch last edited by

                                            Was muss ich tun, damit ich einen automatischen Zeilenumbruch im HomeKitTile hinbekomme? Ich möchte den aktuellen Titel der Sonos darstellen, jedoch ist bei "80s80s" auch der Interpret im selben DP, also reicht die Breite nicht aus 😧
                                            Screenshot 2022-10-30 104148.jpg

                                            Danke vorab,
                                            Andreas

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            876
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            90
                                            1732
                                            506275
                                            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