The HOME user interface (UI) appears in one of two views, depending on the width of the browser window. The only difference is the location of the page menu:
- In a full-width window, the page menu appears in a sidebar on the left of the screen.
- If the width is reduced, then the sidebar disappears and the page menu moves to the headline bar.
Page Layout & Elements
The example below shows the 'Devices' page (at full width).
All pages have five main elements.
1. LAWO Logo – click here to view the HOME UI release version and get directed to the debug information and application log file screens.
2. Page Menu – click here to select a page.
3. Working Area – shows the page contents. For the 'Devices' page, there are three areas: filters (3a), available functions (3b) and the devices list (3c).
4. Health – the health icon shows the number of issues reported by HOME-native devices. For more information, click on the icon to open the 'Health' page.
5. Theme – the HOME user interface can be viewed in either light or dark mode. Click on the Theme icon to toggle between the two modes.
Below is the same page at reduced-width. The sidebar is gone. To change page, click on the current page name (2) to open the drop-down menu.
