Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design - HTML Cards

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    UNSOLVED Material Design - HTML Cards

    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      JörnW last edited by

      Hallo zusammen,
      ich bin noch Anfänger mit dem ioBroker, HTML und CSS.
      Ich möchte gern unsere großen Verbraucher intelligent steuern. Also z.B. das eAuto, Waschmaschine und Spülmaschine.
      Das ist soweit auch ganz gut im entstehen... aber bei der Visualisierung habe ich zwei Dinge... bei denen bräuchte ich bitte einmal Eure Hilfe.

      Ich habe den "Material Design" Adapter installiert und damit die ersten Visualisierungen gebaut. Ich habe "Kacheln" aus den HTML Cards erstellt. Oben auf jeder Karte ist ein Titel und links oder rechts davon, im Titel, würde ich gern eines der MaterialDesign Icons einfügen. Ich habe die Icons jetzt schlicht auf den HTML Cards platziert. Gibt es eine Möglichkeit, die Icons auch direkt in der HTML Card einzufügen? Ich habe es mit einer HTML Tabelle versucht (an der Stelle wo ich den Text für den Titel der HTML Card eingebe). Habe es damit aber nicht geschafft das Icon ansehnlich zu platzieren. Habt ihr einen Tipp für mich?

      Die zweite Sache: Ich möchte gern auf der HTML Card Uhrzeiten auswählen. Die Abfahrtzeiten des eAutos. Da habe ich bei Material Design kein passendes Widget gefunden und aus jqui das "ctrl - DateTime" genommen. Aber auch hier habe ich die Elemente nur auf die HTML Card gezogen. Gibt es da vielleicht eine bessere Lösung?

      Anbei ein Auszug aus dem View. In der grauen Überschrift der Kachel sind die besagten Icons. Unter "Einstellungen Auto - Abfahrtzeiten" die "ctrl DateTime"

      Danke für eure Unterstützung
      Jörn

      8db8c06f-a013-446c-8bbf-cb203a37e767-image.png

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

      Support us

      ioBroker
      Community Adapters
      Donate

      834
      Online

      31.9k
      Users

      80.2k
      Topics

      1.3m
      Posts

      1
      1
      113
      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