Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design - Switches, Radio buttons, …

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

Material Design - Switches, Radio buttons, …

Geplant Angeheftet Gesperrt Verschoben Visualisierung
13 Beiträge 6 Kommentatoren 4.9k 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.
  • E Offline
    E Offline
    eastcoast
    schrieb am zuletzt editiert von
    #3

    @Jeeper.at:

    …

    Ich habe die nicht installiert, aber sind das nicht die richtigen? `
    Nein, das sind nur Icons jedoch keine Control Widgets.

    1 Antwort Letzte Antwort
    0
    • Jeeper.atJ Offline
      Jeeper.atJ Offline
      Jeeper.at
      schrieb am zuletzt editiert von
      #4

      OK, aber man kann doch die Widgets mit eigenen Icons versehen. Ich kann grad nicht auf mein System, aber ich verwende z.B. das Socket-CTRL Widget und habe meinen eigenen Symbole drauf (ich mach ich grüne Icons für ein, Rote für aus).

      1 Antwort Letzte Antwort
      0
      • E Offline
        E Offline
        eastcoast
        schrieb am zuletzt editiert von
        #5

        @Jeeper.at:

        OK, aber man kann doch die Widgets mit eigenen Icons versehen… `
        Für einen einfachen Button ist das ja ok,

        aber für einen "Switch", "Radio Button" oder "Controlbox" (siehe dazu den Link im ersten Post) nicht unbedingt praktikabel.

        Deshalb sind entsprechende Symbole natürlich nicht im Icon-Pack enthalten,

        da dies eher eigenständige "Controls" oder "fancyswitch" wären.

        1 Antwort Letzte Antwort
        0
        • Jeeper.atJ Offline
          Jeeper.atJ Offline
          Jeeper.at
          schrieb am zuletzt editiert von
          #6

          Alles klar.

          1 Antwort Letzte Antwort
          0
          • S Online
            S Online
            SchuetzeSchulz
            schrieb am zuletzt editiert von
            #7

            Die o.g. Widgets in VIS zu haben wäre schon super 🙂

            1 Antwort Letzte Antwort
            0
            • E Offline
              E Offline
              eastcoast
              schrieb am zuletzt editiert von
              #8

              Habe mal planlos im Internet gestöbert,

              wie es scheint gibt es unzählige Material Design HTML/CSS Frameworks (Materialize, Material UI, MUI, …).

              Leider habe ich keine Ahnung ob auf dieser Basis eine einfache Integration in ioBroker.vis möglich wäre.

              Wäre schon toll, solche Widgets in Zukunft in ioBroker zu sehen! 😉

              1 Antwort Letzte Antwort
              0
              • P Offline
                P Offline
                pix
                schrieb am zuletzt editiert von
                #9

                Hallo,

                gemäß dieser Ankündigung vom Homematic Usertreffen

                http://download.iobroker.net/ioBroker%20Usertreffen%20Total%202016.pptx

                gibt es demnächst auch einen anderen coolen neuen Widgetsatz.

                Gruß

                Pix

                ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                1 Antwort Letzte Antwort
                0
                • E Offline
                  E Offline
                  eastcoast
                  schrieb am zuletzt editiert von
                  #10

                  Hallo,

                  habe mich für einen Button ein bischen mit dem MUI CSS framework gespielt (https://www.muicss.com/docs/v1/css-js/buttons).

                  Hierfür habe ich einfach aus dem MUI Paket alle Zeilen ab "MUI Buttons" aus mui.css

                  nach vis-Eigenschaften-CSS-Projekt kopiert sowie alles aus mui.js in vis-Eigenschaften-Skripte.

                  Aus der Klasse mui-btn habe ich noch die Parameter "padding", "margin-top", "marging-bottom" und "position" entfernt.

                  Anschließend ein BOOL-HTML-Steuer-Widget eingefügt und als CSS Klasse z.b. "mui-btn mui-btn–raised mui-btn--primary" angegeben.

                  Damit können nun unterschiedliche Material Design Buttons inkl. Effekte erzeugt werden.

                  Leider fehlt mir das Wissen und die Zeit...

                  ...möglicherweise wäre es für jemanden mit Erfahrung kein riesen Aufwand auf Basis von

                  http://www.muicss.com oder http://materializecss.com/

                  einen neuen Widget Satz mit einem Teil der verfügbaren Komponenten (Buttons, Dropdowons, Navbar, etc…) zu erstellen?
                  1408_clipboard01.jpg

                  1 Antwort Letzte Antwort
                  0
                  • P Offline
                    P Offline
                    Pumbadinho
                    schrieb am zuletzt editiert von
                    #11

                    Also ich wäre auch interessiert… Leider fehlt mir auch die Zeit. Aber da material so popular ist, wird es doch sicher jemandem geben, der damit Erfahrung hat.

                    Gesendet von meinem Nexus 6P mit Tapatalk

                    1 Antwort Letzte Antwort
                    0
                    • S Online
                      S Online
                      SchuetzeSchulz
                      schrieb am zuletzt editiert von
                      #12

                      Für meine Visu:

                      294_unbenannt.png

                      wären die hier super: https://material.google.com/components/ … rols.html#

                      Allerdings habe ich keine Idee wie man die einbindet.

                      1 Antwort Letzte Antwort
                      0
                      • UhulaU Offline
                        UhulaU Offline
                        Uhula
                        schrieb am zuletzt editiert von
                        #13

                        Wenn noch nicht bekannt, vielleicht hilft http://forum.iobroker.net/viewtopic.php?f=30&t=7739&p=83147#p83147 weiter.

                        Uhula - Leise und Weise
                        Ex: ioBroker on Gigabyte NUC Proxmox

                        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

                        408

                        Online

                        32.4k

                        Benutzer

                        81.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
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe