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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    jarvis v3.0.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • Marc_el_K
      Marc_el_K last edited by

      Hallo zusammen,

      gibt es die Möglichkeit History Werte eines Datenpunkts in einer Liste darzustellen, bspw. die letzten 2 Wochen oder so?

      Danke 🙂

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

        @marc_el_k Theoretisch, ja.
        Aber in jarvis momentan nicht.
        Dazu müsste man ein Feature Request in github einstellen.
        Man kann in eCharts mit einer ToolBox die angezeigten Werte in der Grafik auch als Tabelle anzeigen lassen.
        In ioBroker kannst du selber jederzeit die Werte sehen, in dem entsprechenden DP.

        Möchte man dies in jarvis momentan lösen, muss ein Script schreiben, welches ein JSON für die Werte erstellt und diese entsprechend in der JSONTable anzeigen lassen kann.

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

          Kann ich programmatisch eine bestimmte Jarvis-Seite/URL aufrufen?

          D.h. möchte einen Button darstellen in einer StateList, welcher mir eine andere Jarvis-Seite aufruft bzw. die Jarvis-Seite wechselt?

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

            @uwe72 MUss es die StateList sein oder darf es HomeKitTile sein?

            U 1 Reply Last reply Reply Quote 0
            • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            970
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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