Skip to content

hgw77/ioBroker-Material-Design-Style

 
 

Repository files navigation

CSS Skin für ioBroker im Material Design Stil

Inhaltsverzeichnis

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

Beispiel 1280x0720 Main

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

Beispiele: 0720 x 1280

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.

About

Material Design Style für ioBroker.vis

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published