Theme is the smart home visualization of bOS building automation system which is displayed on mobile devices (mobile phones, tablets, etc.).
Theme node contains the control templates and default colors which can be used in the smart home visualization themes.
bOS supports fully customizable smart home visualizations (Themes) that fit on any mobile device. Themes contain visualization panels which can be used to display an automatic layout (frames) or a floor plan layout (freely positioned controls). Panels are accessed through the bottom (category) and building navigation menu. Infinite number of subpanels can be added to any category.
Main Node defines the the visualization theme. Theme Panel and Menu Nodes can be added to the Main Node to create the visualization theme. Main Node is the home screen of the visualization theme. Theme Panel nodes define the visualization panels (e.g. rooms, categories). Menu Nodes define the menu structure of the visualization theme. The first level of Menu Nodes are displayed in the bottom menu. Theme Panels and Menu Nodes added under the first level Menu Node are displayed in the left menu.
Picture 1: Example of visualization theme
Theme Editor enables editing of the theme panels.
Picture 2: Theme Editor
Upper toolbar enables:
Lower toolbar enables scrolling of panels and selected frames.
On the right the current panel and current selected controls settings are displayed. The settings editor filters the currently displayed properties depending on the selected control style.
Frame control is used for grouping of multiple controls. Frame control can be added by clicking on the Frame button. The Frame form will be displayed. A frame template can be selected under Template drop down box. By clicking on the Add button object will be added to the currently selected frame or to the panel if no frames are selected.
Object control is a control linked to a specific configuration object. Object control can be added by clicking on the Object button or by drag and dropping an object from the configuration tree to the Theme Editor panel. The Object Control form will be displayed.
Picture 3: Add object control form
Add UI form displays the configuration tree from which an object can be selected. For each object the supported user interface controls are displayed in the Type drop down control. The list of controls can contain object specific object controls and universal controls linked to an object's value or function. Before adding the new user control, a template can be selected under Template drop down box. By clicking on the Add button object will be added to the currently selected frame or to the panel if no frames are selected.
The available styles are:
Automatic: Style is set automatically based on parent control (panel, frame, menu frame).
Control: Used as a UI control in frames.
Picture 4: Control template
Picture 5: Button template
Picture 6: Icon template
The available universal controls are:
The available object specific controls are:
General controls are controls which are not linked to a configuration object. General button opens the General Control form. Before adding the new user control, a control template can be selected under Control template drop down box. Templates can be fully customized under Templates node. By clicking on the Add button object will be added to the currently selected frame or to the panel if no frames are selected.
The available general controls are: