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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    jarvis v3.0.0 - just another remarkable vis

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

      Hallo, kann ich im Popup einen Text auch untereinander abbilden?

      Der Datenpunkt ist ein Jason-Format

      Ich möchte die Räume untereinander haben:

      1BC761AD-3895-4580-B2BD-0062A5126043.jpeg

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

        @algie Zeig mal bitte den Geräte-DP von eingeschaltete Lichter
        -> Aus dem JSON ein HTML generieren.

        A 1 Reply Last reply Reply Quote 0
        • R
          RkcCorian @MCU last edited by

          @mcu Super! Hab ein Gif erstellt, kannst Du es bei OneDrive runterladen?! Ist 21MB groß 🙈
          https://1drv.ms/u/s!AtxTytj-pUbiyc9tHNf56OXc5Ov_tw?e=91fBHW

          Dort ist auch das PDF mit der generellen Beschreibung meiner VIS, falls es für Dein Wiki relevant wäre. Keine Ahnung ob Du es mal anschauen konntest 😃

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

            @rkccorian Hab ich auch mit aufgenommen.

            1 Reply Last reply Reply Quote 1
            • A
              Algie @MCU last edited by Algie

              @mcu
              Ich habe ein Blockly gemacht, der mir alle eingeschalteten Räume in eine Liste schreibt.
              Diese Schreibe ich dann in ein Datenpunkt (Jason).
              Aber der Text steht ja hintereinander.
              Ich möchte aber gerne alle Räume untereinander in Jarvis haben. Dies aber im Popup.

              94A6B374-3C60-402A-A6C5-78ADE5083093.png

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

                @algie Wie sieht denn der JSON-Inhalt aus? ["eins","zwei"]?
                siehe oben: Aus dem JSON ein HTML generieren.

                <div>eins</div><div>zwei</div><div>drei</div>
                

                b9175e0d-3ca0-4461-9012-5d3587b9be17-image.png

                A Dominik F. 2 Replies Last reply Reply Quote 0
                • A
                  Algie @MCU last edited by

                  @mcu genau, mein Text sieht so aus.

                  Raum,Raum,Raum, usw.

                  HTML ist die Lösung. Vielen Dank!
                  Probiere ich heute aus und werde berichten.

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

                    @mcu

                    Ich brauche mal wieder deine Unterstützung 🙂

                    Als erstes möchte ich die Uhrzeiten auf dem Bild nach links verschieben.
                    Ich habe dazu folgendes in den Styles reingeschrieben:

                    .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action-primaryStateKey .q-item__label {
                    	padding-right: 40px;
                    }
                    

                    Ich schaffe es leider nicht, das ganze nur auf die Uhrzeiten zu begrenzen. Ich habe es mit :nth-child(X) versucht, jedoch egal was ich für X eingebe, es passt nicht für die Uhrzeiten.

                    Unbenannt.PNG

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

                      @dominik-f Wo hast du denn das nth-child angesetzt?

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

                        @mcu

                        Ich habe es hinter label und hinter statekey versucht

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

                          @dominik-f Zeig mal ein Beispiel für __label

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

                            @mcu

                            :nth-child(1) sieht genauso aus wie auf dem Bild, bei anderen Zahlen sieht es so aus, als ob gar nichts passiert

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

                              @dominik-f Probier mal:

                              .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action-primaryStateKey:nth-child(x) {
                              	padding-right: 40px;
                              }
                              
                              
                              Dominik F. 1 Reply Last reply Reply Quote 0
                              • Dominik F.
                                Dominik F. @MCU last edited by Dominik F.

                                @mcu

                                Damit verschiebe ich alles nach links, Uhrzeiten, die Button und das Rollladenlevel

                                Hab es zusätzlich mit:

                                .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .q-item__label:nth-child(1) {
                                	padding-right: 40px;
                                }
                                
                                

                                Da verschiebt er die Uhrzeiten, aber leider auch die Prozentangaben und es sieht wieder aus wie auf dem Bild

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

                                  @dominik-f Und das?

                                  .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(x) {
                                  	padding-right: 40px;
                                  }
                                  
                                  Dominik F. 1 Reply Last reply Reply Quote 0
                                  • Dominik F.
                                    Dominik F. @MCU last edited by

                                    @mcu sagte in jarvis v3.0.0 - just another remarkable vis:

                                                                                                                                                                .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(x) {                                                                                                                                                                            	padding-right: 40px;                                                                                                                                                                            }                                            
                                    

                                    Das hat funktioniert, danke.

                                    Allerdings verstehe ich nun die Zahlen die man für x setzen muss nicht mehr^^

                                    .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(3) {
                                    	padding-right: 40px;
                                    }
                                    

                                    Warum muss da eine 3 hin?

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

                                      @dominik-f
                                      0591421d-846c-47d8-87db-050a38048afc-image.png

                                      Dominik F. 2 Replies Last reply Reply Quote 0
                                      • Dominik F.
                                        Dominik F. @MCU last edited by

                                        @mcu

                                        Genau so hab ich es auch gedacht. Nur mit der 3 verschiebt sich gleichzeitig auch die 4,6 und 7.

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

                                          @dominik-f Besser wäre?

                                          .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem:nth-child(3)  .jarvis-StateListItem-Action {
                                          	padding-right: 40px;
                                          }
                                          
                                          
                                          1 Reply Last reply Reply Quote 0
                                          • Dominik F.
                                            Dominik F. @MCU last edited by

                                            @mcu

                                            Ich zeig dir mal warum ich so verwirrt bin:

                                            Ich habe folgendes im Style drin:

                                            .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .q-item__section--avatar:nth-child(1) {
                                            	padding-left: 40px;
                                            	transform: scale(0.8,0.8);
                                            }
                                            
                                            .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Body:nth-child(2) {
                                            	font-size: 12px;
                                            }
                                            
                                            .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(3) {
                                            	padding-right: 20px;
                                            	font-size: 12px;
                                            }
                                            

                                            Die erste Anweisung verschiebt die Icons mit dem A und die Schrift Auto auf/zu nach rechts und macht die Symbole kleiner.

                                            Die zweite Anweisung macht die Schrift auto auf/zu bei kleiner, auch wieder bei allen.

                                            Die dritte verschiebt die Uhrzeiten.

                                            Die Zahl hinter nth-child geht ja von 1 hoch auf 3, aber alles bezieht sich immer auf die 3,4,6 und 7 bei deinem Bild.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            845
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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