Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Jarvis: Trennlinien auf selber Höhe?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    788

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Jarvis: Trennlinien auf selber Höhe?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
10 Beiträge 3 Kommentatoren 459 Aufrufe 3 Beobachtet
  • Ä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.
  • W Offline
    W Offline
    warhammer73
    schrieb am zuletzt editiert von
    #1

    Hallo,

    mit "Add divider" kann man ja relativ einfach Trennlinien erzeugen. Jetzt habe ich aber das Problem das die in zwei nebeneinander liegenden Widgets auf gleicher Höhe sein soll (Siehe Screenshot)
    Screenshot 2022-10-28 065637.png

    Wie bekomme ich es hin das die linke Trennlinie auf derselben Höhe liegt wie Rechte?

    ... und passend dazu:
    Kann ich irgendwo eine Mindestgröße für die Schrift einstellen?

    M 1 Antwort Letzte Antwort
    0
    • W warhammer73

      Hallo,

      mit "Add divider" kann man ja relativ einfach Trennlinien erzeugen. Jetzt habe ich aber das Problem das die in zwei nebeneinander liegenden Widgets auf gleicher Höhe sein soll (Siehe Screenshot)
      Screenshot 2022-10-28 065637.png

      Wie bekomme ich es hin das die linke Trennlinie auf derselben Höhe liegt wie Rechte?

      ... und passend dazu:
      Kann ich irgendwo eine Mindestgröße für die Schrift einstellen?

      M Offline
      M Offline
      MCU
      schrieb am zuletzt editiert von MCU
      #2

      @warhammer73 In der Mitte sind sie doch auf gleicher Höhe. Meinst du die unteren beiden?

      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/schriftgroesse-anpassen#schriftgroesse-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.

      CodierknechtC W 2 Antworten Letzte Antwort
      0
      • M MCU

        @warhammer73 In der Mitte sind sie doch auf gleicher Höhe. Meinst du die unteren beiden?

        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/schriftgroesse-anpassen#schriftgroesse-anpassen

        CodierknechtC Offline
        CodierknechtC Offline
        Codierknecht
        Developer Most Active
        schrieb am zuletzt editiert von
        #3

        @mcu sagte in Jarvis: Trennlinien auf selber Höhe?:

        @warhammer73 In der Mitte sind sie doch auf gleicher Höhe. Meinst du die unteren beiden?

        Offensichtlich.

        @warhammer73
        Ich kenne Jarvis nicht.
        Kannst Du da eigenes CSS hinterlegen?
        Dann könntest Du dem jeweiligen Blockelement eine min-height verpassen.

        "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

        Proxmox 9.1.1 LXC|8 GB|Core i7-6700
        HmIP|ZigBee|Tasmota|Unifi
        Zabbix Certified Specialist
        Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

        1 Antwort Letzte Antwort
        0
        • M MCU

          @warhammer73 In der Mitte sind sie doch auf gleicher Höhe. Meinst du die unteren beiden?

          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/widgets/schriftgroesse-anpassen#schriftgroesse-anpassen

          W Offline
          W Offline
          warhammer73
          schrieb am zuletzt editiert von
          #4

          @mcu
          Ja, die beiden unteren.
          Also immer dann wenn die Länge der Einträge zwischen Linkem und Rechten Widget sich unterscheidet möchte ich (Wegen mir auch manuell) entsprechend Leerzeilen einfügen können oder auch gern die Trennlinien irgendwie prozentual zur Gesamthöhe der Widgets o.ä. festlegen.

          M 1 Antwort Letzte Antwort
          0
          • W warhammer73

            @mcu
            Ja, die beiden unteren.
            Also immer dann wenn die Länge der Einträge zwischen Linkem und Rechten Widget sich unterscheidet möchte ich (Wegen mir auch manuell) entsprechend Leerzeilen einfügen können oder auch gern die Trennlinien irgendwie prozentual zur Gesamthöhe der Widgets o.ä. festlegen.

            M Offline
            M Offline
            MCU
            schrieb am zuletzt editiert von MCU
            #5

            @warhammer73 Wie ist das ohne letzten Trenner und dort als Widget-border?
            5a0648c9-1639-4d37-b781-1e53dc9af08f-image.png

            .jarvis-widget-282b731b-1045-4f5a-9e92-19ce338e5a4e {
            	border-bottom: rgba(255,255,255,.28) solid 1px;
            }
            
            .jarvis-widget-489cf6bd-8c79-45d2-a5d8-b4d1c6d25c5d {
            	border-bottom: rgba(255,255,255,.28) solid 1px;
            }
            

            Falls es die Leerzeile sein muss.
            https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/leerzeile-hinzufuegen

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

            W 1 Antwort Letzte Antwort
            0
            • M MCU

              @warhammer73 Wie ist das ohne letzten Trenner und dort als Widget-border?
              5a0648c9-1639-4d37-b781-1e53dc9af08f-image.png

              .jarvis-widget-282b731b-1045-4f5a-9e92-19ce338e5a4e {
              	border-bottom: rgba(255,255,255,.28) solid 1px;
              }
              
              .jarvis-widget-489cf6bd-8c79-45d2-a5d8-b4d1c6d25c5d {
              	border-bottom: rgba(255,255,255,.28) solid 1px;
              }
              

              Falls es die Leerzeile sein muss.
              https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/leerzeile-hinzufuegen

              W Offline
              W Offline
              warhammer73
              schrieb am zuletzt editiert von
              #6

              @mcu
              Danke. Müssen leider Leerzeilen sein, da danach noch weitere Sachen im Widget kommen werden.

              Aber wo definiere ich den Datenpunkt?

              Danke!

              M 1 Antwort Letzte Antwort
              0
              • W warhammer73

                @mcu
                Danke. Müssen leider Leerzeilen sein, da danach noch weitere Sachen im Widget kommen werden.

                Aber wo definiere ich den Datenpunkt?

                Danke!

                M Offline
                M Offline
                MCU
                schrieb am zuletzt editiert von
                #7

                @warhammer73 Unter Geräte. Gerät hinzufügen.

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

                W 1 Antwort Letzte Antwort
                0
                • M MCU

                  @warhammer73 Unter Geräte. Gerät hinzufügen.

                  W Offline
                  W Offline
                  warhammer73
                  schrieb am zuletzt editiert von
                  #8

                  @mcu
                  Ok, hatte nur einen Knoten im Kopf weil es "...test.text" im iobroker nicht gibt.

                  Screenshot 2022-10-29 091613.jpg

                  Jetzt kann ich generell Leerzeilen einfügen (Im Bild zwei), allerdings bekomme ich die Linien nicht auf die selbe Höhe.
                  Eine Leerzeile ist zu wenig, zwei sind zu viel.

                  M 1 Antwort Letzte Antwort
                  0
                  • W warhammer73

                    @mcu
                    Ok, hatte nur einen Knoten im Kopf weil es "...test.text" im iobroker nicht gibt.

                    Screenshot 2022-10-29 091613.jpg

                    Jetzt kann ich generell Leerzeilen einfügen (Im Bild zwei), allerdings bekomme ich die Linien nicht auf die selbe Höhe.
                    Eine Leerzeile ist zu wenig, zwei sind zu viel.

                    M Offline
                    M Offline
                    MCU
                    schrieb am zuletzt editiert von MCU
                    #9

                    @warhammer73 Ist es nicht sinnvoller es dann in unterschiedliche Widgets zu packen?
                    Pro Raum ein Widget.
                    Sonst müsste man jetzt die Höhe der einzelnen Zeilen anpassen.
                    Die Zeile mit dem Slider hat eine andere Höhe als eine normale Zeile.
                    a8d7df1b-8e6c-4e63-a9ac-7b47b7adb81d-image.png
                    Kannst du da nicht auch eine normale Zeile hinsetzen und dann den Slider im Popup verwenden?

                    Zeile mit Slider:
                    32a9bc9b-9c6f-4eb1-a63a-3b4f9706705b-image.png
                    Normale Zeile:
                    71676d56-abed-4cd7-a431-d7133f470b5e-image.png

                    Dann setz mal eine Leerzeile (vermutlich Position 10 in der StateList?) auf die entsprechende Höhe:

                    .jarvis-widget-dec8208e-fcfc-455e-88ee-0c4c8ef1f110 .jarvis-StateListItem:nth-child(10) {
                        min-height: 62.79px;
                    }
                    

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

                    W 1 Antwort Letzte Antwort
                    0
                    • M MCU

                      @warhammer73 Ist es nicht sinnvoller es dann in unterschiedliche Widgets zu packen?
                      Pro Raum ein Widget.
                      Sonst müsste man jetzt die Höhe der einzelnen Zeilen anpassen.
                      Die Zeile mit dem Slider hat eine andere Höhe als eine normale Zeile.
                      a8d7df1b-8e6c-4e63-a9ac-7b47b7adb81d-image.png
                      Kannst du da nicht auch eine normale Zeile hinsetzen und dann den Slider im Popup verwenden?

                      Zeile mit Slider:
                      32a9bc9b-9c6f-4eb1-a63a-3b4f9706705b-image.png
                      Normale Zeile:
                      71676d56-abed-4cd7-a431-d7133f470b5e-image.png

                      Dann setz mal eine Leerzeile (vermutlich Position 10 in der StateList?) auf die entsprechende Höhe:

                      .jarvis-widget-dec8208e-fcfc-455e-88ee-0c4c8ef1f110 .jarvis-StateListItem:nth-child(10) {
                          min-height: 62.79px;
                      }
                      
                      W Offline
                      W Offline
                      warhammer73
                      schrieb am zuletzt editiert von
                      #10

                      @mcu Danke, muss ich bei Gelegenheit mal ausprobieren. Hab jetzt erstmal die Struktur der Darstellung geändert und umgehe so den Punkt mit den unterschiedlichen Größen.

                      1 Antwort Letzte Antwort
                      0

                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                      Registrieren Anmelden
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      587

                      Online

                      32.8k

                      Benutzer

                      82.7k

                      Themen

                      1.3m

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

                      • Du hast noch kein Konto? Registrieren

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