OpenHAB
/
openhab-webui
mirror of https://github.com/openhab/openhab-webui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
openhab-webui/bundles/org.openhab.ui.basic/README.md

38 lines
1002 B
Markdown
Raw Normal View History

Initial commit with UI code base as of 2019-02-17 Also-by: Wouter Born <github@maindrain.net> Also-by: Martin van Wingerden <martinvw@mtin.nl> Signed-off-by: Kai Kreuzer <kai@openhab.org>
2019-02-18 09:34:37 +00:00
## Basic UI
The Basic UI is a web interface based on Material Design Lite from Google.
### Features
[Basic UI] Remove Paper UI reference in readme, fix Markdown (#782) Signed-off-by: Jerome Luckenbach <github@luckenba.ch>
2021-01-10 00:28:02 +00:00
- Responsive layout suitable for various screen sizes
- AJAX navigation
- Live update
Initial commit with UI code base as of 2019-02-17 Also-by: Wouter Born <github@maindrain.net> Also-by: Martin van Wingerden <martinvw@mtin.nl> Signed-off-by: Kai Kreuzer <kai@openhab.org>
2019-02-18 09:34:37 +00:00
### Configuration
```
org.openhab.basicui:defaultSitemap=demo
# Icons can be disabled
org.openhab.basicui:enableIcons=true
# Icons can be shown as PNG or SVG images
# Default: PNG
org.openhab.basicui:iconType=svg
```
### Accessing Sitemaps
The Basic UI has a default layout showing all things and their corresponding items. You may create your own sitemaps and access them through the basic UI in 2 ways.
[Basic UI] Remove Paper UI reference in readme, fix Markdown (#782) Signed-off-by: Jerome Luckenbach <github@luckenba.ch>
2021-01-10 00:28:02 +00:00
1. Set the default sitemap via the UI via Settings -> Basic UI -> Configure, and set the Default Sitemap name.
Initial commit with UI code base as of 2019-02-17 Also-by: Wouter Born <github@maindrain.net> Also-by: Martin van Wingerden <martinvw@mtin.nl> Signed-off-by: Kai Kreuzer <kai@openhab.org>
2019-02-18 09:34:37 +00:00
2. Passing the "sitemap" parameter to the URL used to access the server.
Example: http://hostname:8080/basicui/app?sitemap=sitemapname
### Screenshots:
[![Screenshot 1](doc/screenshot-1.png)](doc/screenshot-1-full.png)
[![Screenshot 2](doc/screenshot-2.png)](doc/screenshot-2-full.png)