Skip to content
  • Home
  • 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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Einsteigerfrage: CSS Objektklasse herausfinden?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    6
    1
    74

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

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

Einsteigerfrage: CSS Objektklasse herausfinden?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
3 Beiträge 2 Kommentatoren 467 Aufrufe
  • Ä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.
  • C Offline
    C Offline
    Coffeelover
    schrieb am zuletzt editiert von
    #1

    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 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      dirkhe
      Developer
      schrieb am zuletzt editiert von
      #2

      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 Antwort Letzte Antwort
      0
      • C Offline
        C Offline
        Coffeelover
        schrieb am zuletzt editiert von
        #3

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

        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

        581

        Online

        32.7k

        Benutzer

        82.4k

        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