Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v3.0.0 - just another remarkable vis

NEWS

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

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

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

jarvis v3.0.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
4.5k Beiträge 254 Kommentatoren 2.7m Aufrufe 209 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • S SlipKoRn_DH88

    Guten Morgen,

    hat jemand eine einfache und elegante Umsetzungen einer Heizkörperthermostat-Steuerung in Jarivs?

    Meine Lösung ist momentan folgende:

    Heizen.jpg

    Ich bin von der Optik und Darstellung noch nicht zufrieden.

    Über Ideen und Beispiele würde ich mich freuen!

    stephan1827S Offline
    stephan1827S Offline
    stephan1827
    schrieb am zuletzt editiert von
    #1127

    @slipkorn_dh88 Ich würde den Bereich kleiner machen, 15-23° sollte reichen. Dann kannst Du auch 1/2 Grad Schritte gut anzeigen. Außerdem würde ich das °C bei den einzelnen Werten weglassen und nur am Ende anzeigen.

    6e19a0f8-cde9-4aa5-a89b-8b7081e855bd-image.png

    1 Antwort Letzte Antwort
    0
    • stephan1827S stephan1827

      Ich habe immer noch das Problem das meine Graphen nach rechts und nach unten verschoben sind.

      83780793-8deb-4abb-8586-12d6f12104d1-image.png

      Meine Konfiguration für die Y-Achse sieht so aus.

      [
        {
          "position": "left",
          "name": "Leistung",
          "min": 0,
          "max": "dataMax",
          "minInterval": 1000,
          "axisLabel": {
            "showMaxLabel": false
          },
          "splitLine": {
            "show": false
          }
        },
        {
          "position": "right",
          "nameRotate": 270,
          "nameLocation": "center",
          "nameGap": 25,
          "name": "Ladung",
          "min": 0,
          "max": 100,
          "splitLine": {
            "lineStyle": {
              "color": "#404040"
            }
          }
        }
      ]
      

      Gibt es irgendeine Möglichkeit den Graph zu verschieben?

      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von
      #1128

      @stephan1827 Hab mal aus Spaß Deine Einstellungen genommen:
      d731eae8-c642-443e-be4c-0ff8dde57524-image.png
      Also das muss noch einen anderen Grund haben mit der Verschiebung? CSS?

      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      stephan1827S 1 Antwort Letzte Antwort
      0
      • M MCU

        @stephan1827 Hab mal aus Spaß Deine Einstellungen genommen:
        d731eae8-c642-443e-be4c-0ff8dde57524-image.png
        Also das muss noch einen anderen Grund haben mit der Verschiebung? CSS?

        stephan1827S Offline
        stephan1827S Offline
        stephan1827
        schrieb am zuletzt editiert von
        #1129

        @mcu nimm mal für die Leistung an der linken Achse Werte im 1000 Bereich bzw. REAL Werte und blende dann den obersten Wert an der Y-Achse aus. Ich habe das Gefühl das kommt davon, das der oberste ein REAL Wert mit vielen Nachkommastellen ist. Ich blende den zwar aus, aber ich vermute, dass der Graph trotzdem noch nach rechts verschoben wird. Um das Seitenverhältnis beizubehalten wird er dann wahrscheinlich auch vertikal gestaucht. Bei meinen Heizungsgraphen tritt das Problem nicht auf. Hier ist der Wert aber auch ein INT und deutlich kürzer.

        a32c345e-4cba-44e6-9ea7-45d0d740f471-image.png

        M 1 Antwort Letzte Antwort
        0
        • stephan1827S stephan1827

          @mcu nimm mal für die Leistung an der linken Achse Werte im 1000 Bereich bzw. REAL Werte und blende dann den obersten Wert an der Y-Achse aus. Ich habe das Gefühl das kommt davon, das der oberste ein REAL Wert mit vielen Nachkommastellen ist. Ich blende den zwar aus, aber ich vermute, dass der Graph trotzdem noch nach rechts verschoben wird. Um das Seitenverhältnis beizubehalten wird er dann wahrscheinlich auch vertikal gestaucht. Bei meinen Heizungsgraphen tritt das Problem nicht auf. Hier ist der Wert aber auch ein INT und deutlich kürzer.

          a32c345e-4cba-44e6-9ea7-45d0d740f471-image.png

          M Online
          M Online
          MCU
          schrieb am zuletzt editiert von MCU
          #1130

          @stephan1827 Wenn es damit zu tun hat, kannst du es nicht mit "formatter" entsprechend formatieren? Hatte er (zefau) das korrigiert? Nee, hat er noch nicht, da es eine callback-Function ist. Das ist zum feature eingestellt.

          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          Dominik F.D 1 Antwort Letzte Antwort
          0
          • M MCU

            @stephan1827 Wenn es damit zu tun hat, kannst du es nicht mit "formatter" entsprechend formatieren? Hatte er (zefau) das korrigiert? Nee, hat er noch nicht, da es eine callback-Function ist. Das ist zum feature eingestellt.

            Dominik F.D Offline
            Dominik F.D Offline
            Dominik F.
            schrieb am zuletzt editiert von
            #1131

            Hallo zusammen,

            ich habe seit gestern mit Jarvis angefangen und bin sehr begeistert von dem Adapter. Ich nutze bisher das mdcss von Uhula, doch da der Entwickler seit 2 Jahren nicht mehr supportet oder online ist, habe ich nach einer Alternative gesucht und ich denke ich habe sie gefunden, besonders da sich die Optik stark ähnelt und ich mich an meine jetzige gewöhnt habe 🙂

            So, nun zu meinen Fragen:
            Ich würde gerne den Hintergrund der Überschrift, in der Erdgeschoss steht farblich absetzen. Ist das möglich und wenn ja wie?
            Ist es möglich, dass ganze ein-und auszuklappen, so dass ich im eingeklapptem Zustand nur Erdgeschoss sehen kann?
            Ist es möglich, anstatt Erdgeschoss dort auch den Text von einem Datenpunkt stehen zu haben?Wenn ja, wie?
            Ist es möglich, die Farbe der Icons, z.B. links von Laterne, in Abhängigkeit von einem Zustand farblich zu ändern?

            Unbenannt.PNG

            M 1 Antwort Letzte Antwort
            0
            • Dominik F.D Dominik F.

              Hallo zusammen,

              ich habe seit gestern mit Jarvis angefangen und bin sehr begeistert von dem Adapter. Ich nutze bisher das mdcss von Uhula, doch da der Entwickler seit 2 Jahren nicht mehr supportet oder online ist, habe ich nach einer Alternative gesucht und ich denke ich habe sie gefunden, besonders da sich die Optik stark ähnelt und ich mich an meine jetzige gewöhnt habe 🙂

              So, nun zu meinen Fragen:
              Ich würde gerne den Hintergrund der Überschrift, in der Erdgeschoss steht farblich absetzen. Ist das möglich und wenn ja wie?
              Ist es möglich, dass ganze ein-und auszuklappen, so dass ich im eingeklapptem Zustand nur Erdgeschoss sehen kann?
              Ist es möglich, anstatt Erdgeschoss dort auch den Text von einem Datenpunkt stehen zu haben?Wenn ja, wie?
              Ist es möglich, die Farbe der Icons, z.B. links von Laterne, in Abhängigkeit von einem Zustand farblich zu ändern?

              Unbenannt.PNG

              M Online
              M Online
              MCU
              schrieb am zuletzt editiert von MCU
              #1132

              @dominik-f

              Hintergrund der Überschrift

              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label

              ein-und auszuklappen

              geht noch nicht

              Erdgeschoss dort auch den Text von einem Datenpunkt stehen zu haben

              geht noch nicht, aber ein Binding ist möglich

              Farbe der Icons, z.B. links von Laterne, in Abhängigkeit von einem Zustand farblich zu ändern

              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/geraet/binding

              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Dominik F.D 1 Antwort Letzte Antwort
              0
              • M MCU

                @dominik-f

                Hintergrund der Überschrift

                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label

                ein-und auszuklappen

                geht noch nicht

                Erdgeschoss dort auch den Text von einem Datenpunkt stehen zu haben

                geht noch nicht, aber ein Binding ist möglich

                Farbe der Icons, z.B. links von Laterne, in Abhängigkeit von einem Zustand farblich zu ändern

                https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/geraet/binding

                Dominik F.D Offline
                Dominik F.D Offline
                Dominik F.
                schrieb am zuletzt editiert von
                #1133

                @mcu

                Okay, da stehen jetzt irgendwelche Codes...was ich rauslesen kann ist, dass ich jetzt irgendeine id brauche von dem Teil der Überschrift.....wenn ich die jetzt durch ausprobieren finden sollte, wo schreibe ich dann den Code hin?

                Gleiches mit den Bindings.....wo schreibe ich die hin?

                Ich hab ja schon geschrieben, dass ich gestern das erste mal den Adapter benutzt und auch installiert habe

                M 1 Antwort Letzte Antwort
                0
                • Dominik F.D Dominik F.

                  @mcu

                  Okay, da stehen jetzt irgendwelche Codes...was ich rauslesen kann ist, dass ich jetzt irgendeine id brauche von dem Teil der Überschrift.....wenn ich die jetzt durch ausprobieren finden sollte, wo schreibe ich dann den Code hin?

                  Gleiches mit den Bindings.....wo schreibe ich die hin?

                  Ich hab ja schon geschrieben, dass ich gestern das erste mal den Adapter benutzt und auch installiert habe

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von MCU
                  #1134

                  @dominik-f Es wäre gut, wenn du dir mal die Doku anschaust, wenn mal Zeit ist.
                  V3 für Einsteiger
                  f7ab64c4-9a04-44e5-b654-dcba7d2b3d05-image.png
                  WidgetID ist im Layout:
                  34488faf-c657-47eb-85e5-9d665243d79a-image.png
                  Wo kommt der Code hin?
                  9939bb88-bba2-420b-bff5-8a35061b0d1c-image.png

                  Beim Binding:
                  Da kommt der Code (Binding) in den DP vom Gerät:
                  4bf02c42-a739-43cd-bf3f-07ff1d93f00d-image.png

                  Mit den Binding kann ich dir auch helfen, wenn du weisst, was du haben willst.

                  Für Nutzung der Styles ist PRO-Version notwendig!

                  NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  Dominik F.D 1 Antwort Letzte Antwort
                  0
                  • M MCU

                    @dominik-f Es wäre gut, wenn du dir mal die Doku anschaust, wenn mal Zeit ist.
                    V3 für Einsteiger
                    f7ab64c4-9a04-44e5-b654-dcba7d2b3d05-image.png
                    WidgetID ist im Layout:
                    34488faf-c657-47eb-85e5-9d665243d79a-image.png
                    Wo kommt der Code hin?
                    9939bb88-bba2-420b-bff5-8a35061b0d1c-image.png

                    Beim Binding:
                    Da kommt der Code (Binding) in den DP vom Gerät:
                    4bf02c42-a739-43cd-bf3f-07ff1d93f00d-image.png

                    Mit den Binding kann ich dir auch helfen, wenn du weisst, was du haben willst.

                    Für Nutzung der Styles ist PRO-Version notwendig!

                    Dominik F.D Offline
                    Dominik F.D Offline
                    Dominik F.
                    schrieb am zuletzt editiert von
                    #1135

                    @mcu

                    Ich bin da auch schon fleißig am Blättern und das hat mir auch schon weiter geholfen und konnte daher auch schon was aufbauen.....nur diese spezifischen Dinge sind doch für einen Anfänger schwer.
                    Dann noch das Hintergrundwissen was gerade für z.B. deinen ersten Link gebraucht wird zu finden, ist finde ich schon fast unmöglich.

                    Also ich hab es jetzt geschafft, unterschiedliche Sachen z.B. Blau zu bekommen, nur nicht das richtige^^

                    Unbenannt.PNG

                    M 1 Antwort Letzte Antwort
                    0
                    • Dominik F.D Dominik F.

                      @mcu

                      Ich bin da auch schon fleißig am Blättern und das hat mir auch schon weiter geholfen und konnte daher auch schon was aufbauen.....nur diese spezifischen Dinge sind doch für einen Anfänger schwer.
                      Dann noch das Hintergrundwissen was gerade für z.B. deinen ersten Link gebraucht wird zu finden, ist finde ich schon fast unmöglich.

                      Also ich hab es jetzt geschafft, unterschiedliche Sachen z.B. Blau zu bekommen, nur nicht das richtige^^

                      Unbenannt.PNG

                      M Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von MCU
                      #1136

                      @dominik-f Das ist für mich auch eine gute Rückmeldung. Dann weiß ich, dass ich da noch was nacharbeiten muss.
                      Dann zeige mal Dein Styles und die Widget ID von Erdgeschoss.
                      Hab dir einen falschen Link gegeben. Muss noch schauen.

                      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      Dominik F.D 1 Antwort Letzte Antwort
                      0
                      • M MCU

                        @dominik-f Das ist für mich auch eine gute Rückmeldung. Dann weiß ich, dass ich da noch was nacharbeiten muss.
                        Dann zeige mal Dein Styles und die Widget ID von Erdgeschoss.
                        Hab dir einen falschen Link gegeben. Muss noch schauen.

                        Dominik F.D Offline
                        Dominik F.D Offline
                        Dominik F.
                        schrieb am zuletzt editiert von
                        #1137

                        @mcu

                        0b388095-6a50-44fe-a044-c2817d2c261d

                        Unbenannt.PNG

                        M 1 Antwort Letzte Antwort
                        0
                        • Dominik F.D Dominik F.

                          @mcu

                          0b388095-6a50-44fe-a044-c2817d2c261d

                          Unbenannt.PNG

                          M Online
                          M Online
                          MCU
                          schrieb am zuletzt editiert von MCU
                          #1138

                          @dominik-f
                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/.jarvis-widget-header
                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/.jarvis-widget-header#eingrenzen-auf-nur-ein-widget

                          .jarvis-widget-0b388095-6a50-44fe-a044-c2817d2c261d .jarvis-widget-header {
                            background:blue;
                          }
                          

                          14579df9-7f39-4a42-95a3-ae64c600d993-image.png

                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          Dominik F.D 1 Antwort Letzte Antwort
                          0
                          • M MCU

                            @dominik-f
                            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/.jarvis-widget-header
                            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/.jarvis-widget-header#eingrenzen-auf-nur-ein-widget

                            .jarvis-widget-0b388095-6a50-44fe-a044-c2817d2c261d .jarvis-widget-header {
                              background:blue;
                            }
                            

                            14579df9-7f39-4a42-95a3-ae64c600d993-image.png

                            Dominik F.D Offline
                            Dominik F.D Offline
                            Dominik F.
                            schrieb am zuletzt editiert von
                            #1139

                            @mcu

                            Super, dass hat funktioniert 🙂

                            Ich setzte mich dann nun mal an die Bindings, in vis nutze ich die schon, hoffe das macht das einstellen einfacher 🙂

                            Ich denke ich man muss erst mal das Grundprinzip richtig verstanden haben, dann geht es besser. Am Anfang erschlägt es einen einfach^^

                            M 1 Antwort Letzte Antwort
                            0
                            • Dominik F.D Dominik F.

                              @mcu

                              Super, dass hat funktioniert 🙂

                              Ich setzte mich dann nun mal an die Bindings, in vis nutze ich die schon, hoffe das macht das einstellen einfacher 🙂

                              Ich denke ich man muss erst mal das Grundprinzip richtig verstanden haben, dann geht es besser. Am Anfang erschlägt es einen einfach^^

                              M Online
                              M Online
                              MCU
                              schrieb am zuletzt editiert von
                              #1140

                              @dominik-f Genau. Du kannst immer gerne Fragen stellen und die Doku nutzen. Wie gesagt, am besten ist es, wenn man weiß, was man möchte und dies so gut wie möglich beschreibt. Dann findet man meistens eine Lösung.

                              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              Dominik F.D 1 Antwort Letzte Antwort
                              0
                              • M MCU

                                @dominik-f Genau. Du kannst immer gerne Fragen stellen und die Doku nutzen. Wie gesagt, am besten ist es, wenn man weiß, was man möchte und dies so gut wie möglich beschreibt. Dann findet man meistens eine Lösung.

                                Dominik F.D Offline
                                Dominik F.D Offline
                                Dominik F.
                                schrieb am zuletzt editiert von
                                #1141

                                @mcu

                                Ich bin immer noch bei den Farben^^

                                Damit kann ich ja bei einem Label die Hintergrundfarbe ändern:

                                [widgets="id"] .q-item--dark {
                                background-color: blue;
                                }

                                Was muss ich unter ID eingeben, wenn ich alle bei allen Labels die Farbe ändern möchte?

                                M 1 Antwort Letzte Antwort
                                0
                                • Dominik F.D Dominik F.

                                  @mcu

                                  Ich bin immer noch bei den Farben^^

                                  Damit kann ich ja bei einem Label die Hintergrundfarbe ändern:

                                  [widgets="id"] .q-item--dark {
                                  background-color: blue;
                                  }

                                  Was muss ich unter ID eingeben, wenn ich alle bei allen Labels die Farbe ändern möchte?

                                  M Online
                                  M Online
                                  MCU
                                  schrieb am zuletzt editiert von
                                  #1142

                                  @dominik-f Dann muss die Eingrenzung vom Widget weg:

                                  .q-item--dark {
                                       background-color: blue;
                                  }
                                  

                                  NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                  Dominik F.D 1 Antwort Letzte Antwort
                                  0
                                  • M MCU

                                    @dominik-f Dann muss die Eingrenzung vom Widget weg:

                                    .q-item--dark {
                                         background-color: blue;
                                    }
                                    
                                    Dominik F.D Offline
                                    Dominik F.D Offline
                                    Dominik F.
                                    schrieb am zuletzt editiert von
                                    #1143

                                    @mcu

                                    Ich habe nun folgende CSS Klassen drin stehen:

                                    .jarvis-widget-header {
                                    	background-color: #303030;
                                    }
                                    
                                    .jarvis-tabs {
                                    	background-color: #303030;
                                    }
                                    
                                    .jarvis-sidebar {
                                    	background-color: #303030;
                                    }
                                    
                                    .q-item--dark {
                                    	background-color: #121212;
                                    }
                                    

                                    Durch hinzufügen des letzten Eintrags wurde der erste Eintrag überschrieben und nur ein Teil des "Tabs", ich hoffe ich benenne das richtig, hat die Farbe angenommen:
                                    Unbenannt.PNG

                                    M 1 Antwort Letzte Antwort
                                    0
                                    • Dominik F.D Dominik F.

                                      @mcu

                                      Ich habe nun folgende CSS Klassen drin stehen:

                                      .jarvis-widget-header {
                                      	background-color: #303030;
                                      }
                                      
                                      .jarvis-tabs {
                                      	background-color: #303030;
                                      }
                                      
                                      .jarvis-sidebar {
                                      	background-color: #303030;
                                      }
                                      
                                      .q-item--dark {
                                      	background-color: #121212;
                                      }
                                      

                                      Durch hinzufügen des letzten Eintrags wurde der erste Eintrag überschrieben und nur ein Teil des "Tabs", ich hoffe ich benenne das richtig, hat die Farbe angenommen:
                                      Unbenannt.PNG

                                      M Online
                                      M Online
                                      MCU
                                      schrieb am zuletzt editiert von MCU
                                      #1144

                                      @dominik-f Wie soll es aussehen?
                                      Nimm erst markante Farben rot,gelb,grün.
                                      1a5eecfc-3b92-4efa-87d9-35bbb5f85cae-image.png
                                      TAB:

                                      243f43df-d6b9-434d-891f-9053ed8dafda-image.png
                                      Widget:

                                      340a1c92-c704-43a6-8d0d-b15207d624ad-image.png

                                      StateList:

                                      033182b1-7502-45a1-b129-fed1e35d0fb8-image.png

                                      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      Dominik F.D 1 Antwort Letzte Antwort
                                      0
                                      • M MCU

                                        @dominik-f Wie soll es aussehen?
                                        Nimm erst markante Farben rot,gelb,grün.
                                        1a5eecfc-3b92-4efa-87d9-35bbb5f85cae-image.png
                                        TAB:

                                        243f43df-d6b9-434d-891f-9053ed8dafda-image.png
                                        Widget:

                                        340a1c92-c704-43a6-8d0d-b15207d624ad-image.png

                                        StateList:

                                        033182b1-7502-45a1-b129-fed1e35d0fb8-image.png

                                        Dominik F.D Offline
                                        Dominik F.D Offline
                                        Dominik F.
                                        schrieb am zuletzt editiert von Dominik F.
                                        #1145

                                        @mcu

                                        Also ich versuche das farblich nachzubauen:

                                        Unbenannt.PNG

                                        Bisher ist das das Ergebnis:

                                        Unbenannt.PNG

                                        Das heisst, ich möchte den kompletten Hintergrund der Widgets auf den Tabs etwas heller machen und danach wollte ich mich dran setzen, die Schriftfarbe etwas dunkler zu machen.

                                        Ich habe dazu folgendes in der Info gefunden:
                                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund

                                        .jarvis-page-887349d5-d5b7-408c-99a7-73a2a72b7194 .jarvis-widget-container {
                                        	/* display: none !important; */
                                        	background: darkgreen !important;
                                        }
                                        

                                        Da weiß ich nicht was display none bedeuten soll und was ich als Page ID nehmen muss

                                        M 1 Antwort Letzte Antwort
                                        0
                                        • Dominik F.D Dominik F.

                                          @mcu

                                          Also ich versuche das farblich nachzubauen:

                                          Unbenannt.PNG

                                          Bisher ist das das Ergebnis:

                                          Unbenannt.PNG

                                          Das heisst, ich möchte den kompletten Hintergrund der Widgets auf den Tabs etwas heller machen und danach wollte ich mich dran setzen, die Schriftfarbe etwas dunkler zu machen.

                                          Ich habe dazu folgendes in der Info gefunden:
                                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund

                                          .jarvis-page-887349d5-d5b7-408c-99a7-73a2a72b7194 .jarvis-widget-container {
                                          	/* display: none !important; */
                                          	background: darkgreen !important;
                                          }
                                          

                                          Da weiß ich nicht was display none bedeuten soll und was ich als Page ID nehmen muss

                                          M Online
                                          M Online
                                          MCU
                                          schrieb am zuletzt editiert von MCU
                                          #1146

                                          @dominik-f display:none bedeutet dass das Objekt ausgeblendet wird.
                                          Page-Id ist im Layout Seite->ID
                                          1888c470-e4af-4b9d-a9f0-922a83342531-image.png

                                          bsilang:

                                          .jarvis-widget-header {
                                          	background-color: #303030 !important;
                                          }
                                          
                                          .jarvis-tabs {
                                          	background-color: #303030;
                                          }
                                          
                                          .jarvis-sidebar {
                                          	background-color: #303030;
                                          }
                                          
                                          .q-item--dark {
                                          	background-color: #121212;
                                          }
                                          
                                          .jarvis-widget-module-StateList {
                                          	background-color: #121212;
                                          }
                                          

                                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                          Dominik F.D 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          766

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe