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. Buttons gruppieren und aktivieren wie CSS-Buttons ?

NEWS

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

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

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

Buttons gruppieren und aktivieren wie CSS-Buttons ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
1 Beiträge 1 Kommentatoren 460 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
    craysee
    schrieb am zuletzt editiert von
    #1

    Hallo,

    also ich bin ganz neu in der Raspberry und ioBroker-Welt. Die erste Hürde hat eigentlich problemlos geklappt, Raspberry aufsetzen, ioBroker installieren, CC2531, Z-Wave-Stick...läuft. Erste kleine Vis zur Steckdosenschaltung ging auch. Nun kommt aber Level 3 sozusagen 😀

    Ich wollte mir für Osram Gardenpoles eine kleine Steuerung basteln, da mir die Regelung der Farben über Colorpicker etc. zu viel ist sozusagen, und auch für kleinere Anzeigen nicht praktisch.

    Also folgendes war geplant:

    6-8 kleine Buttons mit festen Farben (incl. 2-3 Buttons für Weißtöne), die die Farbe regeln, dazu einen kleinen Dimmer für die Helligkeit. Reicht für ein Smartphone zum Beispiel. Habe ich so als Vorlage nicht gefunden und dann selber versucht, mit dem Bool Button und einfach mit dem HTML-Widget. Bin gescheitert, weil ich die Umsetzung der Schatten bei "aktiv" zum Beispiel nicht hinbekommen habe. Habe unter CSS einiges eingetragen, aber irgendwie ging es nie...bis alles im Papierkorb gelandet ist 😕
    Ist eine Gruppierung so überhaupt möglich ?

    Könnt ihr mir Ratschläge geben, wie ich das vorgehen soll und mit welchem Widget das möglich ist ? Anbei ein Bild, wie ich es meine. Die Buttons habe ich mit einem CSS-Editor Klick hier erstellt.

    CSS-Buttons.png

    Danke und Gruß

    Cray

    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

    550

    Online

    32.9k

    Benutzer

    83.0k

    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