Skip to content

Latest commit

 

History

History
61 lines (38 loc) · 2.54 KB

readme.MD

File metadata and controls

61 lines (38 loc) · 2.54 KB

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.