Material Design - Switches, Radio buttons, …
-
Hallo,
ich möchte meine Views soweit als möglich im "Material Design" gestalten.
Hierzu währen natürlich auch die passenden "Switches", "Radio buttons" und "Checkboxes" wünschenswert;
hier eine Übersicht: https://material.google.com/components/ … rols.html#
Hat dies eventuell schon jemand realisiert, in Vorbereitung oder Planung?
Gibt es evtl. frei zugängliche Quellen welche sich mit geringem Aufwand implementieren ließen?
Oder hat jemand eine Idee diesen Look mit existierenden Widges zu erzeugen?
-
Hallo,
es gibt doch die beiden Adapter:
"Material Google design Icons as PNG"
und
"Material Google design Icons as SVG"
Ich habe die nicht installiert, aber sind das nicht die richtigen?
lg
Günther
-
…
Ich habe die nicht installiert, aber sind das nicht die richtigen? `
Nein, das sind nur Icons jedoch keine Control Widgets. -
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).
-
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.
-
Alles klar.
-
Die o.g. Widgets in VIS zu haben wäre schon super
-
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!
-
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
-
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 -
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
-
Für meine Visu:
wären die hier super: https://material.google.com/components/ … rols.html#
Allerdings habe ich keine Idee wie man die einbindet.
-
Wenn noch nicht bekannt, vielleicht hilft http://forum.iobroker.net/viewtopic.php?f=30&t=7739&p=83147#p83147 weiter.
