Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Einsteigerfrage: CSS Objektklasse herausfinden?

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    Einsteigerfrage: CSS Objektklasse herausfinden?

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

      Hallo in die Runde,

      ich habe eine kurze Frage: Ich möchte unterschiedliche vis-Elemente einheitlich gestalten. Bisher läuft das über "Minimalprinzip", d.h. ich wähle grundsätzlich nur Objekte aus, bei denen ich die Farbe über die Widgeteigenschaften so einstellen kann, wie ich das möchte.

      Um Anpassungen in CSS durchzuführen (z.B. Boxen mit farbigem Rand links und unten, rechts und oben in schwarz) würde ich so etwas einführen.

      #visview_Main .ui-button {
           background: black;
           font-family: Play-Regular;
           color: #1db954;
           border-top-color: #1db954;
           border-right-color: #1db954;
           border-left-color: black;
           border-bottom-color: black;
      }
      

      Das funktioniert auch gut für ein konkretes Objekt. Wie bekomme ich nun aber die "Namen" wie .ui-button für andere Widgets heraus?

      Falls sinnvoller, würde ich das auch über Widget > CSS-Klasse lösen. Hier komme ich aber genauso wenig weiter.

      Danke

      1 Reply Last reply Reply Quote 0
      • D
        dirkhe Developer last edited by

        Du kannst einfach mit der rechtrn MausTaste auf ein elEvent blicken und dann Element untersuchen oder so ähnlich dann öffnet sich ein neues Fenster, wo du alles genau sehen kannst, invl. Vererbung usw. Du kannst da such direkt etwas verändern um zu testen. Das musst du natürlich hinterher in der vis Oberfläche machen, denn alle direkten Änderungen sind nach dem Reload weg.

        1 Reply Last reply Reply Quote 0
        • C
          Coffeelover last edited by

          Cool, das klingt ja einfach. Teste ich gleich morgen.

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

          Support us

          ioBroker
          Community Adapters
          Donate

          1.0k
          Online

          32.2k
          Users

          80.8k
          Topics

          1.3m
          Posts

          2
          3
          408
          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