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. Material Design Widgets - verschiedene Widgets in einer Card

NEWS

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

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

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

Material Design Widgets - verschiedene Widgets in einer Card

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1 Beiträge 1 Kommentatoren 107 Aufrufe 1 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.
  • B Offline
    B Offline
    BuryJones
    schrieb am zuletzt editiert von
    #1

    Guten Morgen!

    Erstmal vielen Dank für dieses tolle Framework. Das ist genau das, was ich gesucht habe und lässt sich recht gut umsetzen. Da die Demos aber alle nicht funktionieren, habe ich hier und da Verständnisprobleme.

    Angenommen, ich möchte auf einer Card untereinander

    • zwei Switch Widgets für zwei Lampen,
    • ein Select-Field für eine Licht-Szene,
    • einen Anzeigetext für Temperatur und Luftfeuchtigkeit
    • einen Button für Heizungsboost

    ist es korrekt, dass ich dafür das Widget HTML-Card nehme, in einer Test-View mir die einzelnen Elemente zusammenklicke (2x Switch, width: 100%, Text eingeben, mit Datenpunkt verlinke etc) und dann das HTML generiere und dann in die HTML-Card einfüge? In dem Fall oben würde ich 2x Switch, Select, Value, Button auf die beschriebene Weise zusammenstellen und dann einfügen.

    Sprich: Sobald man Styles/Widgets kombinieren möchte, muss man die Elemente einzeln anlegen und in eine HTML-Card oder in anderes Widget copy&pasten, welches HTML-Eingaben unterstützt. Ist das richtig, oder habe ich etwas übersehen?

    Und nochmal bzgl. der HTML-Felder/Card: Wenn ich dort html code eintrage, muss ich bzgl. css/styles oder classes etwas beachten um die responsive Ansicht nicht zu zerstören oder zu erhalten?

    Vielen Dank im Voraus.

    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

    434

    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