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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Showcase] Jarvis - just another remarkable vis

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

      @miswak So sollte es nach dem Löschen der beiden Einträge aussehen.

      
      .jarvis-page-container,
      .jarvis-sidebar-container,
      .jarvis-sidebar-container .q-toolbar {
      	background-color: #0cbaba;
      	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
      }
      
      Miswak 1 Reply Last reply Reply Quote 1
      • Miswak
        Miswak @MCU last edited by

        @mcu
        Fast am Ziel, jetzt ist die Geräte Leiste schwarz und die Schließen Leiste grau. Wo gebe ich jetzt meine Wunschfarbe ein?

        Miswak 1 Reply Last reply Reply Quote 0
        • Miswak
          Miswak @Miswak last edited by

          Die Farbe der Geräteleiste kann ich ändern, habe ich in Deinem Tutorial gefunden.
          Jedoch noch nicht die Farbe der unteren Schließen Leiste

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

            @miswak

            .jarvis-StateListItem-Popup {
            	background-color: yellow;
            }
            
            .jarvis-popup .q-card__actions {
            	background-color: red;
            }
            
            Miswak 1 Reply Last reply Reply Quote 1
            • Miswak
              Miswak @MCU last edited by

              @mcu Top!! Passt, vielen Dank.

              1 Reply Last reply Reply Quote 0
              • T
                TyrionWarMage Developer last edited by TyrionWarMage

                Ich bin vor einer Weile über dieses: https://docs.theme-park.dev/ Projekt gestoplert, welches versucht vereinheitlichte Themes für diverse Self-Hosted services anzubieten. Daher habe ich mal versucht, das auch für Jarvis anzuwenden:

                Nord Theme
                fc9c4759-845a-4cb4-b570-4e68b894331d-grafik.png
                d5b4dca0-16b3-4286-af50-e593081bf11b-grafik.png

                Aquamarine:
                c9a3fdb0-5794-4c3c-9a06-900c9528de07-grafik.png
                c4116164-8ad6-46ee-9882-81ff70823ac6-grafik.png

                Maroon:
                863c9677-a3e9-4a77-a97a-1cd2a77b36d8-grafik.png

                Da meine CSS Skills aber eher begrenzt sind, sollte das eher als "erster Versuch gesehen werden", aber vielleicht hat ja jemand mit mehr Ahnung Lust das Template zu verfeinern? Template anbei - da ich es nicht hinbekommen hab, den import Tag zum laufen zu bekommen, muss das root template (von hier https://github.com/GilbN/theme.park/tree/master/css/theme-options) reinkopiert werden.

                Jarvis Theme-Park.css

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

                  @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                  Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                  Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                  sigi234 M 2 Replies Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @Damrak2022 last edited by

                    @damrak2022
                    Bin im Krankenhaus.

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

                      @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

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

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

                        @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                        Herzklappe

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

                          @damrak2022 Du meinst so?
                          00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

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

                            @sigi234 Also in 3 Tagen wieder zuhause. Alles Gute.

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

                              @sigi234 Oh, kann dann gute Besserung für Dich

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

                                @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

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

                                  @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                                  d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

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

                                    @mcu h, okay, ich hatte history chart ausgewählt und dann bei der Anzeige BarChart. Nachdem ich es jetzt geändert habe geht es.

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

                                      @ww1983 Guten Morgen, kannst Du mir verraten wie Du die Buttons bei Deinem Staubsauger hinbekommen hast? Das gefällt mir sehr gut, aber ich wüsste nicht wie ich das umsetzen kann?
                                      Bildschirmfoto 2023-12-08 um 06.43.09.png

                                      1 Reply Last reply Reply Quote 0
                                      • Damrak2022
                                        Damrak2022 @Torrid last edited by

                                        @torrid Ich habe die News jetzt auch über einen iframe und Grafana eingebunden, was bei mir allerdings so aussieht:
                                        Bildschirmfoto 2023-12-08 um 11.42.34.png

                                        Wie bekomme ich den gesamten oberen Bereich weg, sodass mir nur die News angezeigt werden?

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

                                          @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                                          sigi234 1 Reply Last reply Reply Quote 0
                                          • K
                                            Kuddel @Bloody last edited by Kuddel

                                            @bloody ich integriere gerade meine VIS Infos bzgl. Octoprint in Jarvis.

                                            Wie hast du die Kamera eingebunden?

                                            EDIT: Habe es selber hinbekommen. Leider nur in einem extra Widgets.

                                            Status und Images kann man wohl nicht vermischen oder?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            543
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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