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. Anpassung von Widgets über CSS

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    484

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    398

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

Anpassung von Widgets über CSS

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

    Ich möchte in meiner VIS Installation einzelne Widget über die normale Konfigurationsmöglichkeit hinaus über direkte CSS Tags anpassen. Mit CSS, Class und div kenne ich mich weitreichend aus.
    Ein Beispiel: Der mytime Adapter stellt das Widget MyTime Coundown Circle zur Verfügung. Die Einstellungen des Aussehens über die Eigenschaften im Vis sind rudimentär.
    Nun meine Frage: Woher oder Wie komme ich an die CSS Classes der einzelnen Adapter. Die Dokumentation zum MyTime Adapter kenne ich auch. Mit den Hinweisen zu den CSS-Klassenselektoren kann ich nichts anfangen.

    Ich gehe davon aus, das mir hier im Forum geholfen werden kann.
    Komplette, durchgängige Beispiele helfen besonders.

    😊 Google kenne ich, das Forum auch ... gefunden habe ich noch nicht das passende.

    M OliverIOO 2 Antworten Letzte Antwort
    0
    • N nichname

      Ich möchte in meiner VIS Installation einzelne Widget über die normale Konfigurationsmöglichkeit hinaus über direkte CSS Tags anpassen. Mit CSS, Class und div kenne ich mich weitreichend aus.
      Ein Beispiel: Der mytime Adapter stellt das Widget MyTime Coundown Circle zur Verfügung. Die Einstellungen des Aussehens über die Eigenschaften im Vis sind rudimentär.
      Nun meine Frage: Woher oder Wie komme ich an die CSS Classes der einzelnen Adapter. Die Dokumentation zum MyTime Adapter kenne ich auch. Mit den Hinweisen zu den CSS-Klassenselektoren kann ich nichts anfangen.

      Ich gehe davon aus, das mir hier im Forum geholfen werden kann.
      Komplette, durchgängige Beispiele helfen besonders.

      😊 Google kenne ich, das Forum auch ... gefunden habe ich noch nicht das passende.

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

      @nichname
      Ich rufe mir das passende Widget dann in Chrome auf und schaue mir die Details über die Entwickler Console (F12) an. So kann ich mir jeden einzelne Klasse anzeigen lassen und das ein oder andere auch schon einmal testen.

      Vielleicht hilft dir das.

      1 Antwort Letzte Antwort
      0
      • N nichname

        Ich möchte in meiner VIS Installation einzelne Widget über die normale Konfigurationsmöglichkeit hinaus über direkte CSS Tags anpassen. Mit CSS, Class und div kenne ich mich weitreichend aus.
        Ein Beispiel: Der mytime Adapter stellt das Widget MyTime Coundown Circle zur Verfügung. Die Einstellungen des Aussehens über die Eigenschaften im Vis sind rudimentär.
        Nun meine Frage: Woher oder Wie komme ich an die CSS Classes der einzelnen Adapter. Die Dokumentation zum MyTime Adapter kenne ich auch. Mit den Hinweisen zu den CSS-Klassenselektoren kann ich nichts anfangen.

        Ich gehe davon aus, das mir hier im Forum geholfen werden kann.
        Komplette, durchgängige Beispiele helfen besonders.

        😊 Google kenne ich, das Forum auch ... gefunden habe ich noch nicht das passende.

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von
        #3

        @nichname
        Eigentlich so wie @mctom vorgeschlagen hat.
        Allerdings wird der Circle Countdown auf einem canvas Element gemalt.
        Da gibt es keine css Klassen.

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        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

        316

        Online

        32.8k

        Benutzer

        82.8k

        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