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 Muss nicht Statelist sein. Egal wie...

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

        @uwe72 Reicht das oder brauchst du ein konkretes Beispiel (muss ich erstellen)?
        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/v3-fuer-einsteiger/module/homekittile#oeffne-seite-registerkarte

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

          @mcu Danke dir vorab. Ich schau mir dies mal an. Danke!

          1 Reply Last reply Reply Quote 0
          • H
            Hohenbostler last edited by Hohenbostler

            Hi zusammen.

            Ich habe auch nochmal optische Frage. Dank @MCU konnte ich mir erste Gedanken machen um eine "VorschaltSeite" zu bauen. Soweit so Gut. Farben und Motive stehen noch nicht ganz fest aber das Gerüst ist da und funktioniert doch recht gut.

            Jetzt würde ich dennoch optisch ein paar Anpassungen machen wollen und finde den Ansatz nicht ganz

            Wunsch 1 . Die Uhrzeit . Diese darf sollte ruhig wesentlich größer dargestellt werden. Ich finde aber leider den richtigen CSS punkt nicht.
            Wunsch 2 . Tab Bar komplett ausblenden ( gerne auch pro Seite oder so etwas ) um einen Cleanen Look zu bekommen
            Wunsch 3. Pop Up für Dingende Einträge. zB ein Datenpunkt der ein String erhält. Wird dort etwas eingetragen wird dieses Popup solange angezeigt bis es weg geklickt wird.

            fd7036e3-787f-40fb-9b09-6d9f9e856fa6-image.png

            Hat da jemand schon so etwas umgesetzt ?

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

              @hohenbostler
              zu Wunsch 1:
              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/datetime-anpassen

              zu Wunsch 2:
              Muss ich schauen

              zu Wunsch 3:
              Dafür nutzt man eigentlich die Notification, man kann dort aber nichts eintragen nur anzeigen lassen.
              Bitte genauer beschreiben für welchen Zweck man es benötigt. Evtl. Feature Request erstellen.

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

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

                @hohenbostler
                zu Wunsch 1:
                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/datetime-anpassen

                Danke. Ist es auch realisierbar verschiedene Uhrfarben bzw größen zu hinterlegen ?
                Ich habe zB eine auf der Vorschaltseite ( relativ klein ) und dann nochmal eine auf der Hauptseite die soll wesentlich größer erscheinen.

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

                  @hohenbostler Ja, man muss dann entsprechend die Widget-Eingrenzung nutzen.

                  .jarvis-widget-{widgetID}
                  

                  Steht auch in der Doku:
                  be3513ee-c717-4e5c-affb-6a511b0a2115-image.png

                  zu Wunsch 2:
                  Das geht nicht, da man dort keinen Seiten (Page) Bezug hat. -> Feature Request
                  Man kann zwar die TabBar ausblenden, dann ist sie aber immer ausgeblendet und man kommt nicht wieder zurück zur Auswahl? Man müsste dann auf jeder Seite ein "Back"-Button (HKT) definieren, um wieder zurück zu kommen.

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

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

                    n kann zwar die TabBar ausblenden, dann ist sie aber i

                    Das mit dem Datetime Funktioniert. Danke.

                    Wie würde es denn mit CSS aussehen wenn ich diese ausblenden würde ?

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

                      @hohenbostler

                      .jarvis-header{
                        display:none;
                      }
                      
                      H 1 Reply Last reply Reply Quote 0
                      • H
                        Hohenbostler @MCU last edited by

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

                                                                                                                                                    .jarvis-header{                                                                                                                                                                              display:none;                                                                                                                                                                            }                                            
                        

                        Leider geht es so nicht. ich habe es ganz unten ans das CSS gesetzt

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

                          @hohenbostler Kenne Deine CSS nicht.
                          9f95dd69-8f5d-4ed2-962a-77a3c55b8496-image.png

                          Hab es bei mir ziemlich weit oben:
                          3c132f60-51ca-4105-81b1-0eab9ff6829b-image.png
                          evtl:

                          .jarvis-header {
                          	display: none !important;
                          }
                          
                          H 1 Reply Last reply Reply Quote 0
                          • H
                            Hohenbostler @MCU last edited by

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

                            .jarvis-header { display: none !important; }

                            Geht leider immer noch nicht. Ist aber auch nur ein Nice to have. Keine ahnung woran es gerade liegt

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

                              @hohenbostler Welche jarvis-Version?

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

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

                                @hohenbostler Welche jarvis-Version?

                                3.1.4-beta.21

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

                                  @hohenbostler Hab ich auch.

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

                                    @mcu

                                    .jarvis-page-container {
                                    	background-color: #0cbaba;
                                    	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
                                    }
                                    
                                    .body--dark .jarvis-header {
                                    	background-color: rgba(0,0,0,0.2) !important;
                                    }
                                    
                                    .jarvis-tabs-container {
                                    	background-color: rgba(0,0,0,0.2) !important;
                                    }
                                    
                                    .jarvis-widget-container {
                                    	background-color: rgba(0,0,0,0.2) !important;
                                    }
                                    
                                    .body--dark .jarvis-widget {
                                    	background: rgba(0,0,0,0.2);
                                    }
                                    
                                    .body--light .jarvis-widget {
                                    	background: rgba(255,255,255,1);
                                    }
                                    
                                    .body--dark .jarvis-tabs-container {
                                    	background-color: rgba(0,0,0,0.2) !important;
                                    }
                                    
                                    .q-table__container {
                                    	background-color: transparent !important;
                                    }
                                    
                                    .jarvis-widget-32eb5c63-3524-4f83-a736-a15c1522455a .HomeKitTile.grid {
                                    	background: no-repeat center/80% url(https://www.google.de/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png);
                                    }
                                    
                                    .jarvis-header {
                                    	display: none !important;
                                    }
                                    
                                    /* Lichter*/
                                    
                                    .jarvis-widget-7845d9ef-e7c1-460f-8ecf-609e0ae0f78d .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-7845d9ef-e7c1-460f-8ecf-609e0ae0f78d .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/line-md/lightbulb.svg') no-repeat center center / contain;
                                    	background-color: orange !important;
                                    }
                                    
                                    /* Rollos */
                                    
                                    .jarvis-widget-37367ee7-50f3-4d48-bcd0-31804f564754 .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-37367ee7-50f3-4d48-bcd0-31804f564754 .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/mdi/window-shutter-cog.svg') no-repeat center center / contain;
                                    	background-color: Grey !important;
                                    	text-align: center;
                                    }
                                    
                                    /* Hauptinfo */
                                    
                                    /*
                                    .jarvis-tab-00754651-6ed5-4f6d-a4c2-230e09971e10 .jarvis-widget-container {
                                    	border-radius: 60px;
                                    }
                                    
                                    .jarvis-tab-00754651-6ed5-4f6d-a4c2-230e09971e10 .jarvis-widget-module-HomeKitTile {
                                    	border-radius: 60px;
                                    } */
                                    
                                    .jarvis-widget-690efabd-5821-4ab0-a533-ffd6c95ad5cf .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-690efabd-5821-4ab0-a533-ffd6c95ad5cf .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/ph/info-bold.svg') no-repeat center center / contain;
                                    	background-color: lightBlue !important;
                                    	text-align: center;
                                    }
                                    
                                    /* Walle */
                                    
                                    .jarvis-widget-f6182f4a-126d-4c61-8cc1-767afa7c55e1 .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-f6182f4a-126d-4c61-8cc1-767afa7c55e1 .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/solar/smart-vacuum-cleaner-2-bold.svg') no-repeat center center / contain;
                                    	background-color: lightGreen !important;
                                    	text-align: center;
                                    }
                                    
                                    /*Verbraucher */
                                    
                                    .jarvis-widget-18464e87-45a6-48f1-8bcd-8d8d56cf94c2 .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-18464e87-45a6-48f1-8bcd-8d8d56cf94c2 .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/material-symbols/electric-bolt-rounded.svg') no-repeat center center / contain;
                                    	background-color: lightYellow !important;
                                    	text-align: center;
                                    }
                                    
                                    /*Heizung */
                                    
                                    .jarvis-widget-152a14a4-304c-4f16-a09b-0e36fbad94d2 .jarvis-widget-header {
                                    	text-align: center;
                                    }
                                    
                                    .jarvis-widget-152a14a4-304c-4f16-a09b-0e36fbad94d2 .jarvis-widget-content {
                                    	background: url('https://api.iconify.design/material-symbols/mode-heat-rounded.svg') no-repeat center center / contain;
                                    	background-color: #E6676B !important;
                                    	text-align: center;
                                    }
                                    
                                    /* Große Uhr */
                                    
                                    .jarvis-widget-2586215f-ce78-4234-9773-bafa30b6d772 .jarvis-DateTime-Clock-Date {
                                    	font-size: 100px;
                                    	color: white;
                                    }
                                    
                                    .jarvis-widget-642e6745-8b6b-4c61-bc91-7b9f391ceb7f .jarvis-DateTime-Clock-Time {
                                    	font-size: 130px;
                                    	color: white;
                                    }
                                    
                                    /* kleine Uhr */
                                    
                                    .jarvis-widget-6fcec8b4-2718-4848-b5e4-cb8c97856d8b .jarvis-DateTime-Clock-Date {
                                    	font-size: 40px;
                                    	color: white;
                                    }
                                    
                                    .jarvis-widget-20f7ee71-0350-4588-be09-e77a273e9c65 .jarvis-DateTime-Clock-Time {
                                    	font-size: 40px;
                                    	color: white;
                                    }
                                    
                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      MCU @Hohenbostler last edited by MCU

                                      @hohenbostler wird bei mir ausgeblendet
                                      54bfb13a-1e6a-42b4-91c9-a36e3e31350f-image.png

                                      mach mal ein Upload

                                      iob upload jarvis
                                      
                                      H 1 Reply Last reply Reply Quote 0
                                      • H
                                        Hohenbostler @MCU last edited by

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

                                        iob upload jarvis

                                        Hab ich gemacht. Wofür ist das ?

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

                                          @hohenbostler Manchmal sind Teile vom Programm nicht mehr im Speicher (oder nicht angekommen), passiert meistens bei Updates. Dann kann man damit das Programm im Speicher erneuern.
                                          Hat es denn geholfen?

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

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

                                            @hohenbostler Manchmal sind Teile vom Programm nicht mehr im Speicher (oder nicht angekommen), passiert meistens bei Updates. Dann kann man damit das Programm im Speicher erneuern.
                                            Hat es denn geholfen?

                                            Leider nicht

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            860
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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