Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Showcase] Jarvis - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

[Showcase] Jarvis - just another remarkable vis

Scheduled Pinned Locked Moved Visualisierung
vis
453 Posts 81 Posters 137.0k Views 95 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ZefauZ Zefau

    halbtransparentes Design :)

    b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

    CSS:

    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;
    }
    
    S Offline
    S Offline
    shellyrulestheworld
    wrote on last edited by
    #350

    @zefau Guten Morgen,
    Ich habe Jarvis in version 3.1.2 am laufen und nutze PRO. Jetzt wollte ich einfach mal Custom CSS nutzen und habe die CSS Zeilen unter Styles rein kopiert. Leider sehe ich die Änderungen anschließend aber nicht.

    Hab gelesen, dass es ein Problem mit den Custom CSS gab, welches aber in 3.1.2 gefixt sein sollte!?

    Hat jemand eine Idee wegen dem CSS?

    M 1 Reply Last reply
    0
    • S shellyrulestheworld

      @zefau Guten Morgen,
      Ich habe Jarvis in version 3.1.2 am laufen und nutze PRO. Jetzt wollte ich einfach mal Custom CSS nutzen und habe die CSS Zeilen unter Styles rein kopiert. Leider sehe ich die Änderungen anschließend aber nicht.

      Hab gelesen, dass es ein Problem mit den Custom CSS gab, welches aber in 3.1.2 gefixt sein sollte!?

      Hat jemand eine Idee wegen dem CSS?

      M Online
      M Online
      MCU
      wrote on last edited by MCU
      #351

      @peterschatz Was soll erreicht werden und was hast du rein kopiert? Woher?

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      S 1 Reply Last reply
      0
      • M MCU

        @peterschatz Was soll erreicht werden und was hast du rein kopiert? Woher?

        S Offline
        S Offline
        shellyrulestheworld
        wrote on last edited by
        #352

        @mcu Post 151 von @Zefau .
        Möchte einfach das Stanard Design ändern und dachte das geht über CSS!?

        1 Reply Last reply
        0
        • M Online
          M Online
          MCU
          wrote on last edited by MCU
          #353

          @peterschatz Nimm mal diese Einstellungen:
          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design

          Design-Einstellungen müssen für v3.1.x noch überarbeitet werden, aber erst bei einer "Stable"-Version.
          v3.1.2 ist zwar als "stable" eingestellt, sie ist es aber noch nicht.

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          S 1 Reply Last reply
          1
          • M MCU

            @peterschatz Nimm mal diese Einstellungen:
            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design

            Design-Einstellungen müssen für v3.1.x noch überarbeitet werden, aber erst bei einer "Stable"-Version.
            v3.1.2 ist zwar als "stable" eingestellt, sie ist es aber noch nicht.

            S Offline
            S Offline
            shellyrulestheworld
            wrote on last edited by
            #354

            @mcu vielen Dank. Der Hintergund hat sich geändert, sonst sieht man nicht wirklich was. Aber dann warte ich einfach mal bis die Design-Einstellungen überarbeitet worden sind :-)

            M 1 Reply Last reply
            1
            • Dominik F.D Dominik F.

              @hotspot_2

              Ich nutze nur diese beiden Möglichkeiten um mehrere Datenpunkte gleichzeitig zu steuern.

              Wenn du Lichter etc. immer zu einer gewissen Uhrzeit schalten möchtest, dann kannst du z.B. den Szenen Adapter mit einem Timerscript verbinden.
              Sieht in Jarvis bei mir so aus:

              Unbenannt.PNG

              M Online
              M Online
              MCU
              wrote on last edited by
              #355

              @dominik-f Ist das Bild ein iFrame in jarvis? Sonst bitte die Einstellungen in jarvis einmal posten. Danke.

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Dominik F.D 1 Reply Last reply
              1
              • S shellyrulestheworld

                @mcu vielen Dank. Der Hintergund hat sich geändert, sonst sieht man nicht wirklich was. Aber dann warte ich einfach mal bis die Design-Einstellungen überarbeitet worden sind :-)

                M Online
                M Online
                MCU
                wrote on last edited by
                #356

                @peterschatz Hab es nochmal angepasst. Schau mal in der Doku(F5). Farben evtl. anpassen?

                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                S 1 Reply Last reply
                0
                • M MCU

                  @peterschatz Hab es nochmal angepasst. Schau mal in der Doku(F5). Farben evtl. anpassen?

                  S Offline
                  S Offline
                  shellyrulestheworld
                  wrote on last edited by
                  #357

                  @mcu wo genau in der Doku? Hier: https://mcuiobroker.gitbook.io/jarvis-infos/aenderungsprotokoll ?

                  M 1 Reply Last reply
                  0
                  • S shellyrulestheworld

                    @mcu wo genau in der Doku? Hier: https://mcuiobroker.gitbook.io/jarvis-infos/aenderungsprotokoll ?

                    M Online
                    M Online
                    MCU
                    wrote on last edited by
                    #358

                    @peterschatz Den Link von oben.
                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    1 Reply Last reply
                    1
                    • M MCU

                      @dominik-f Ist das Bild ein iFrame in jarvis? Sonst bitte die Einstellungen in jarvis einmal posten. Danke.

                      Dominik F.D Offline
                      Dominik F.D Offline
                      Dominik F.
                      wrote on last edited by
                      #359

                      @mcu

                      Ja, ist ein iFrame, bis ich ich das was dort gezeigt ist in Jarvis umsetzen kann

                      1 Reply Last reply
                      0
                      • MiswakM Offline
                        MiswakM Offline
                        Miswak
                        wrote on last edited by
                        #360

                        Hallo liebe Jarvis Profis,

                        ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

                        Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

                        1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                        Und da scheitert's schon :-( . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

                        Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

                        Vielen lieben Dank.

                        M MiswakM 2 Replies Last reply
                        0
                        • MiswakM Miswak

                          Hallo liebe Jarvis Profis,

                          ich bin Jarvis Anfänger und bin gerade am Loslegen meiner Visualisierung. Habe dort auch recht rudimentäre Fortschritte gemacht und möchte mich nun an ein etwas komplizierteres Thema wagen.

                          Die halbtransparente Ansicht. Hierfür würde ich gerne zuerst mal den Vorschlag von Zefau in meine Visu einfügen:

                          1611951312559-b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                          Und da scheitert's schon :-( . Es wird an der entsprechenden Stelle (Link) zwar erwähnt, dass mann den Code unter "Styles" einfügen muss. Wenn ich dies tue, passiert jedoch nichts. Es kann natürlich daran liegen, dass es sich noch um Version 2 gehandelt hat und ich momentan auf Version 3.1.2 unterwegs bin.

                          Kurzum, könnte mir jemand Tipps geben, dass ich oben genannte Ansicht auf der akutellen Version verwirklichen kann.

                          Vielen lieben Dank.

                          M Online
                          M Online
                          MCU
                          wrote on last edited by
                          #361

                          @miswak Hast du die Pro Version?

                          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          MiswakM 1 Reply Last reply
                          0
                          • M MCU

                            @miswak Hast du die Pro Version?

                            MiswakM Offline
                            MiswakM Offline
                            Miswak
                            wrote on last edited by
                            #362

                            @mcu Ja, die habe ich.

                            M 1 Reply Last reply
                            0
                            • MiswakM Miswak

                              @mcu Ja, die habe ich.

                              M Online
                              M Online
                              MCU
                              wrote on last edited by
                              #363

                              @miswak
                              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design#css-styles-eintraege

                              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              MiswakM 1 Reply Last reply
                              1
                              • M MCU

                                @miswak
                                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/styles/gradient-design#css-styles-eintraege

                                MiswakM Offline
                                MiswakM Offline
                                Miswak
                                wrote on last edited by
                                #364

                                @mcu Super. Hat geklappt. Vielen lieben Dank.

                                1 Reply Last reply
                                0
                                • MiswakM Offline
                                  MiswakM Offline
                                  Miswak
                                  wrote on last edited by
                                  #365

                                  Hallo,

                                  habe die Einträge bei Styles ja eingefügt und die Änderungen wurden ja auch super übernommen.

                                  Im Laufe der letzten Tage ist mir nun aufgefallen, dass die Tab Leiste oben die gleiche Transparenz hat wie der untere "Hauptbereich", wo die Widgets liegen.
                                  Wenn ich nun die Seite nach unten scrolle - also die Widgets nach oben unter der Tableiste verschwinden, ist diese durch ihre Transparenz nicht mehr so gut zu erkennen.
                                  Es entsteht ein gewisses Durcheinander.

                                  ungescrollt.png vorher

                                  gescrollt.png nachher

                                  Kann man die Transpranz des Widgetsbereichs (Hauptbereich) und der Tableiste unterschiedlich einstellen? Ich würde gerne die Transparenz der Tableiste verringern. Und falls ja, wo?

                                  Vielen lieben Dank !

                                  M 1 Reply Last reply
                                  0
                                  • MiswakM Miswak

                                    Hallo,

                                    habe die Einträge bei Styles ja eingefügt und die Änderungen wurden ja auch super übernommen.

                                    Im Laufe der letzten Tage ist mir nun aufgefallen, dass die Tab Leiste oben die gleiche Transparenz hat wie der untere "Hauptbereich", wo die Widgets liegen.
                                    Wenn ich nun die Seite nach unten scrolle - also die Widgets nach oben unter der Tableiste verschwinden, ist diese durch ihre Transparenz nicht mehr so gut zu erkennen.
                                    Es entsteht ein gewisses Durcheinander.

                                    ungescrollt.png vorher

                                    gescrollt.png nachher

                                    Kann man die Transpranz des Widgetsbereichs (Hauptbereich) und der Tableiste unterschiedlich einstellen? Ich würde gerne die Transparenz der Tableiste verringern. Und falls ja, wo?

                                    Vielen lieben Dank !

                                    M Online
                                    M Online
                                    MCU
                                    wrote on last edited by
                                    #366

                                    @miswak Gehe in die Styles Suche den Selektor für tabs-container dort dann statt 0.2 -> 0.8 eintragen

                                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                    MiswakM 1 Reply Last reply
                                    1
                                    • M MCU

                                      @miswak Gehe in die Styles Suche den Selektor für tabs-container dort dann statt 0.2 -> 0.8 eintragen

                                      MiswakM Offline
                                      MiswakM Offline
                                      Miswak
                                      wrote on last edited by
                                      #367

                                      @mcu Super. Top. Vielen Dank.

                                      1 Reply Last reply
                                      0
                                      • simatecS simatec

                                        Anbei ein paar Screenshots zu meinem aktuellen Jarvis Stand ...

                                        Bildschirmfoto 2020-11-07 um 17.36.44.png
                                        Bildschirmfoto 2020-11-07 um 17.40.44.png
                                        Bildschirmfoto 2020-11-07 um 17.41.12.png
                                        Bildschirmfoto 2020-11-07 um 17.41.40.png
                                        Bildschirmfoto 2020-11-07 um 17.42.06.png
                                        Bildschirmfoto 2020-11-07 um 17.42.35.png

                                        F Offline
                                        F Offline
                                        Flowski
                                        wrote on last edited by
                                        #368

                                        @simatec könntest du mir erklären wie du diese "Übersicht" über eingeschaltete Lampen programmiert hast? Also dass er nicht alle auflistet sondern nur die betroffenen aufzählt... Danke

                                        3f51b66e-dfd2-4826-9329-3f72837f6a9a-image.png

                                        simatecS 1 Reply Last reply
                                        0
                                        • F Flowski

                                          @simatec könntest du mir erklären wie du diese "Übersicht" über eingeschaltete Lampen programmiert hast? Also dass er nicht alle auflistet sondern nur die betroffenen aufzählt... Danke

                                          3f51b66e-dfd2-4826-9329-3f72837f6a9a-image.png

                                          simatecS Offline
                                          simatecS Offline
                                          simatec
                                          Developer Most Active
                                          wrote on last edited by
                                          #369

                                          @fabiowski Mit einem Script offene Fenster zählen ... Den Text gebe ich dort aus

                                          • Besuche meine Github Seite
                                          • Beitrag hat geholfen oder willst du mich unterstützen
                                          • HowTo Restore ioBroker
                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          869

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe