Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Showcase] Jarvis - just another remarkable vis

    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

    [Showcase] Jarvis - just another remarkable vis

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

      @zefau sagte in [Showcase] Jarvis - just another remarkable vis:

      @robbi12 sagte in [Showcase] Jarvis - just another remarkable vis:

      Also ich bin auch Anfänger. Ich habe es gefunden. Einfach bei Styles reinkopieren. Mir persönlich gefällt meine dunkle Variante besser. Geschmackssache

      teile gerne deine Konfiguration und Screenshots für andere

      Also ich hab die v 3.0.10 beta 2 und den Style halbtransparent in styles kopiert hat leider nicht funktioniert. Kann mir einer sagen woran es liegt?

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

        @dead4k Wie sieht denn der halbtransparente Style aus, welche Einträge in CSS? Link?

        1 Reply Last reply Reply Quote 0
        • D
          Dead4K @WW1983 last edited by

          @ww1983 also ich wüsste gerne wie du den status in Worten angezeigt bekommst und die Akku Ladung in Prozent mit dem Prozent Zeichen. bin auch absolut neu in Jarvis und fuchs mich gerade so erst in alles rein

          M 1 Reply Last reply Reply Quote 0
          • D
            Dead4K last edited by

            @mcu folgendes Habich eingetragen

            body {
            	background-color: #0cbaba;
            	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
            }
            
            .jarvis-AppBar {
            	background: none;
            }
            
            .jarvis-Toolbar,
            .jarvis-Tabs,
            .jarvis-Widget {
            	background-color: rgba(255,255,255,0.2);
            }
            
            .jarvis-Tabs {
            	border-bottom: 0;
            }
            

            post 151 von zefau selber ist es

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

              @dead4k
              Soll es so aussehen?
              31b4d3fb-1e8b-49b8-97f4-f5c43a516aa9-image.png

              .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;
              }
              

              Hab ich in die Doku mit aufgenommen:
              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/gradient-design

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

                @dead4k Status in Worten mit der Anzeigevariante
                Beispiel, habe keine Roboterwerte

                {"0":"Parkt","1":"Fährt"}
                

                Ladung in Prozent:
                caacb536-1a1d-4e77-85f5-3073d18774eb-image.png

                1 Reply Last reply Reply Quote 1
                • D
                  Dead4K @MCU last edited by

                  @mcu

                  Ja fast! Etwas heller tatsächlich gerne noch.

                  ACC0F1AD-449F-46B0-BCB9-512058345D41.png

                  So hatte zefau das ganz weit oben mal.

                  Und danke für Status und Prozent Anzeige !!

                  M 1 Reply Last reply Reply Quote 0
                  • D
                    disaster123 last edited by

                    Gibt es eine Möglichkeit das man beim Klick auf eine Anzeige einen Graphen als Popup / Layer öffnet? Ich habe einige Werte wo ich manchmal gerne schnell die Historie sehen würde.

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

                      @disaster123 Was für eine Anzeige (Bild, Graph)? Nein. StateList-StateDP ja.

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

                        @dead4k Setz mal überall wo dort 0.2 steht eine 0.1, ist es dann hell genug?

                        .jarvis-page-container {
                        	background-color: #0cbaba;
                        	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
                        	/* #661f64 old #380036*/
                        }
                        
                        .body--dark .jarvis-header {
                        	background-color: rgba(0,0,0,0.01) !important;
                        }
                        
                        .jarvis-tabs-container {
                        	background-color: rgba(0,0,0,0.01) !important;
                        }
                        
                        .jarvis-widget-container {
                        	background-color: rgba(0,0,0,0.01) !important;
                        }
                        
                        .body--dark .jarvis-widget {
                        	background: rgba(0,0,0,0.01);
                        }
                        
                        .body--light .jarvis-widget {
                        	background: rgba(255,255,255,0.5);
                        }
                        
                        .body--dark .jarvis-tabs-container {
                        	background-color: rgba(0,0,0,0.01) !important;
                        }
                        
                        .q-table__container {
                        	background-color: transparent !important;
                        }
                        
                        1 Reply Last reply Reply Quote 1
                        • D
                          disaster123 @MCU last edited by

                          @mcu ich meine wenn man eine statelist hat das man beim klicken auf einen Wert einen predefined graph angezeigt bekommt

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

                            @disaster123
                            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statelist-popup

                            D 1 Reply Last reply Reply Quote 1
                            • D
                              disaster123 @MCU last edited by

                              @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                              @disaster123
                              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statelist-popup

                              DANKE!! Etwas aufwändiger als gedacht aber es geht!

                              1 Reply Last reply Reply Quote 1
                              • Feuersturm
                                Feuersturm last edited by Feuersturm

                                Hallo zusammen,

                                ich bin gerade dabei die "Willkommensseite" von der ioBroker Doku zu überarbeiten (https://forum.iobroker.net/topic/51919/brainstorming-doku-abschnitt-willkommen/11)

                                Ich bin aktuell dabei das Kapitel "Visualisierung" zu überarbeiten.
                                Den aktuellen Entwurfsstand für jarvis findet ihr hier:
                                https://github.com/Feuer-sturm/ioBroker.docs/blob/FS-welcome/docs/de/README.md#jarvis

                                Ich suche weiteren Input für die Doku und würde mich über Rückmeldungen zu den folgenden Themen freuen:

                                • Kurzbeschreibung / Merkmale von jarvis ( @Zefau kannst du hier unterstützen?)
                                • Eure jarvis Views welche in die Doku als Beispiel eingettet werden können und einem Besucher helfen einen ersten Eindruck von jarvis zu bekommen
                                Rene.Home Dominik F. 2 Replies Last reply Reply Quote 0
                                • Rene.Home
                                  Rene.Home @Feuersturm last edited by

                                  @Zefau
                                  Ich habe es nun heute geschafft meine Json-Tabelle in Jarvis zu implementieren. Allerding habe ich ein Problem mit der Formatierung. Ich kann die Daten alle Anzeigen, auch in der Reihenfolge wie ich es will, aber bei der Formatierung stelle ich mich zu "glatt" an.

                                  In dem einen Feld habe ich zwei unterschiedliche Werte einmal "ja" und einmal "nein". Nun wollte ich in der Json-Tabelle gern die Werte oder ggf nur das Wort "ja" in "grün" und "nein" in "rot" Darstellen.

                                  Wenn ich das mit der Formatierung richtig verstanden habe sollte das über Spalten (Json Format) gemacht werden können. Leider gibt es keine genauen Dokumentationen ob das überhaupt umsetzbar ist.

                                  Zur Zeit habe ich das folgende eingetragen:

                                  [{"field:":"Name","label":"HWN Name"},{"field":"Position","label":"Coordinaten"},{"field":"Wert","label":"Gestempelt","align":"left","format": "ja"=>{"#090"}}}]

                                  Lt Hint, wenn des Felder sollte das ja irgendwie gehen oder liege ich da falsch?

                                  Hat jemand eine Idee was ich hier übersehen habe.

                                  Rene.Home 1 Reply Last reply Reply Quote 0
                                  • Rene.Home
                                    Rene.Home @Rene.Home last edited by Rene.Home

                                    Sorry doppel Post

                                    1 Reply Last reply Reply Quote 0
                                    • Dominik F.
                                      Dominik F. @Feuersturm last edited by

                                      @feuersturm

                                      Wenn sie dir gefallen, kannst du Bilde von meiner Visualisierung mit Jarvis nutzen.

                                      Unbenannt4.PNG
                                      Unbenannt3.PNG
                                      Unbenannt2.PNG
                                      Unbenannt1.PNG
                                      Unbenannt.PNG

                                      1 Reply Last reply Reply Quote 1
                                      • uwe12489
                                        uwe12489 last edited by

                                        Hallo zusammen, kurze Frage: Kann ich ein eigenes Bild als Icon bei den Geräten eintragen?
                                        Danke.

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

                                          @uwe12489
                                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/geraete-einstellungen/icons-eigene/eigene-icons

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

                                            @mcu Super Service. Hat geklappt. Danke.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            926
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            81
                                            453
                                            102017
                                            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