CSS Skin für ioBroker im Material Design Stil

Inhaltsverzeichnis

1. Funktionsumfang
2. Systemanforderungen
3. Installation
4. Anleitung
5. Changelog
6. Sonstiges

1. Funktionsumfang

In ioBroker.vis gestaltete Views können mit diesen CCS Anweisungen so dargestellt werden, dass sie ähnlich dem Look & Feel des Material Design Styles von Google funktionieren. Dazu gehören:

• Application bar
• Top-Navigation (Tabs), Bottom-Navigation, Left- und Right-Navigation (Sidepanels)
• Cards und Tiles
• Responsive Design (Grid, 13er/52er/156er Raster)
• Tables, inputs, labels, states ...

Siehe auch Video: Demo-Film (zum Ansehen herunterladen)

Beispiele: 1280 x 0720

• Beispiel 1280x0720 Main
• Beispiel 1280x0720 Wohnzimmer
• Beispiel 1280x0720 Demo Cards
• Beispiel 1280x0720 Demo Labels
• Beispiel 1280x0720 Demo Inputs

Beispiele: 0720 x 1280

• Beispiel 0720x1280 Wohnzimmer
• Beispiel 0720x1280 Demo Inputs

2. Systemanforderungen

• ioBroker.vis

3. Installation

Keine. Die CSS Anweisungen müssen lediglich in einem ioBroker.vis Projekt unter "CSS / Projekt" eingefügt werden, die paar Zeilen Script unter "Skript". Beides am besten aus dem [Demo-Projekt]("ioBroker projects/MD_Demo.zip") entnehmen.

4. Anleitung

Siehe Dokument Anleitung

Beispiel-Projekte befinden sich im Ordner "ioBroker projects", einmal ein [Demo-Projekt]("ioBroker projects/MD_Demo.zip"), welches den Umfang zeigt und einmal ein [Simple-Projekt]("ioBroker projects/MD_Simple.zip"), welches als Basis für eigene vis-Projekte verwendet werden kann. Beide Projekte (ZIP-Dateien) lassen sich in ioBroker.vis importieren.

5. Changelog

V1.8 10.01.2018 Siehe ChangeLog.

6. Sonstiges

©️2017ff Uhula, see MIT license.