Start

Loading settings...

Views

List of Views

Name	Hide Name	Background Image

Devices

View to edit

Name	NL	Heading		Linked View	Background Image	Background Image Active	Hide

Toolbar

Entries:

Name	Linked View	Icon

Homepage

The first Toolbar-Entry will be your 'Home-View' with will be loaded at start.

You can also use URL-Parameters to determine, which view or even dialog will be loaded at start (see here ).

Panel

States:

State	Type	Value
BACKGROUND_VIEW
BACKGROUND_URL
BACKGROUND_HTML
PANEL_HIDE

Note on the data points BACKGROUND_VIEW/URL/HTML: Only one of the three data points can be used at a time. In descending order, first BACKGROUND_VIEW, then BACKGROUND_URL and finally BACKGROUND_HTML is checked for validity and the first valid entry is displayed.

Options:

						
						Invert PANEL_HIDE
						
						Allow postMessage-Communication for BACKGROUND_VIEW/URL/HTML
						
						Display-Mode:
						
						Close panel when clicking on parent view
					
						No close-button
					
						Treshold in pixel for large screen:
						
						Compress parent view on large screens (instead of pushing it to the side)
					
						Close panel when clicking on parent view on large screens
					
						No close-button on large screens
					
						Automatically open panel on large screens
					
						Automatically close panel on smaller screens

Images

Loading images...

Upload file(s) here Create Directory Rename Directory Delete Directory Refresh

Actual Directory

Thumbnail	Filename

Images in the folder '/usericons' can be used as icons for devices.

Images in the folder '/usersymbols' can be used as symbols for states.

You can use variables in image-filenames (see here ).

The folder '/userwidgets' allows uploading of html, css and js files to create widgets, which may be displayed as BACKGROUND_URL of a tile (see here ).

The folder '/userfonts' allows uploading of otf, ttf, woff, woff2 and eot files which can be used as font files in options (see here ).

(You may need to create these folders first).

Download Directory Upload and extract Zipfile here

Lists and Counters

Export Lists Import Lists

Activate Lists

Active	Name

Please note: Lists are created or updated not until several seconds after saving.

Lists/Counters can be used to create dynamic lists and counters of devices and states. Examples of applications are counting open windows, switched on lamps or creating service messages. With the Device Counter widget the lists can then be visualized and also used for switching. See here for more informations and examples .

Options

Change Device-Options:

Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Change Device-Icons:

Replace this icon...

...with this icon.

Do that only for these roles...

...and these devices.

Execute

Change Device-Options:

Replace this option...

...and setting...

...with this setting.

Do that only for these roles...

...and these devices.

Execute

Change Device-States:

For these datapoints...

...replace this string (* = any)...

...with this string (* = no change)...

...and change type to this. (Arrays can't be changed)

Do that only for these roles...

...and these devices.

Execute
Toolbar-Layout:

General:

Show toolbar in one single line (otherwise toolbars with more than 5 entries will be split on several lines)

Overall Background-Color:

Overall Opacity:

Border-Color:

Unselected Elements:

Unselected Background-Color:

Unselected Hover Background-Color:

Unselected Text-Color:

Unselected Hover Text-Color:

Unselected Text-Schadow-Color:

Unselected Hover Text-Schadow-Color:

Selected Element:

Selected Background-Color:

Selected Hover Background-Color:

Selected Text-Color:

Selected Hover Text-Color:

Selected Text-Schadow-Color:

Selected Hover Text-Schadow-Color:

Caption:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Font-Size:

Font-Weight:

Font-Style:

Icons:

Icon Position:

Icon Color:

Icon Size:

Icon Background-Color:

Selected Icon Background-Color:

Icon Background Size:

Icon Background Corner-Size:
Headers:

Main-Header:

Centered

Main-Header Background-Color:

Main-Header Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Main-Header Font-Size:

Main-Header Font-Weight:

Main-Header Font-Style:

Main-Header Padding Top:

Main-Header Padding Bottom:

Main-Header Padding Left:

Main-Header Margin Top:

Main-Header Margin Bottom:

Main-Header Margin Left:

Main-Header Margin Right:

Sub-Headers:

Centered

Sub-Headers Background-Color:

Sub-Headers Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Sub-Header Font-Size:

Sub-Header Font-Weight:

Sub-Header Font-Style:

Sub-Header Padding Top:

Sub-Header Padding Bottom:

Sub-Header Padding Left:

Sub-Header Margin Top:

Sub-Header Margin Bottom:

Sub-Header Margin Left:

Sub-Header Margin Right:

Sub-Header, Collapsible - Label more: (◄ = ◄ ► = ► ◂ = ◂ ▸ = ▸ ◃ = ◃ ▹ = ▹)

Sub-Header, Collapsible - Label less: (▼ = ▼ ▲ = ▲ ▾ = ▾ ▴ = ▴ ▿ = ▿ ▵ = ▵)

New Line:

New Line Spacing:

New Section Spacing:
Device-Tiles:

General:

Tiles centered

Device-Name centered

Device-State centered

Disable zoom-effect on hover

Disable zoom-effect on hover for icon

Rounded Corners (Border-Radius):

Rounded Corners (Border-Radius) for large Screens:

Inactive Devices:

Device without background

Inactive

Device without background

Inactive, Mouse

Device with background

Inactive

Device with background

Inactive, Mouse

Inactive Devices - Background:

Inactive Devices - Background-Color: This only affects devices without a background-image

Inactive Devices, Hover - Background-Color: This only affects devices without a background-image

Inactive Devices - Background-Opacity:

Inactive Devices, Hover - Background-Opacity:

Inactive Devices - Overlay:

Inactive Devices - Overlay-Color:

Inactive Devices, Hover - Overlay-Color:

Inactive Devices - Overlay-Opacity:

Inactive Devices, Hover - Overlay-Opacity:

Active Devices:

Device without background

Active

Device without background

Active, Mouse

Device with background

Active

Device with background

Active, Mouse

Active Devices - Background:

Active Devices - Background-Color: This only affects devices without a background-image

Active Devices, Hover - Background-Color: This only affects devices without a background-image

Active Devices - Background-Opacity:

Active Devices, Hover - Background-Opacity:

Active Devices - Overlay:

Active Devices - Overlay-Color:

Active Devices, Hover - Overlay-Color:

Active Devices - Overlay-Opacity:

Active Devices, Hover - Overlay-Opacity:
Default Icons:

Icon-Preset:

Select a Preset (this will overwrite all icon-settings below):

Indicator Icons:

ERROR

UNREACH

BATTERY

Device Icons:

INFO_A, INFO_B:

Invert Color of INFO_A and INFO_B Icons

TEMPERATURE

BRIGHTNESS

SLATS_LEVEL

VOLTAGE

COLOR HUE/SATURATION/COLOR_BRIGHTNESS/CT/WHITE_BRIGHTNESS/ALTERNATIVE_COLORSPACE_VALUE

VOLUME

HUMIDITY

POWER

ELAPSED
Device-Text:

Device-Name:

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Font-Weight:

Font-Style:

State:

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Font-Weight:

Font-Style:

INFO_A, INFO_B:

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Font-Weight:

Font-Style:

Badge:

Text-Color:

Font-Family: Format: /userfonts/name@url. You can upload your own fonts in the Images/Widgets-Tab.

Font-Weight:

Font-Style:

Marquee (Scrolling of long text):

Marquee disabled

Marquee for device-names enabled

Marquee Speed:
Dark-Mode:

Settings:

Enable Dark-Mode:

Color-Settings:

Background Overlay Color: Ensure to use transparency!

Toolbar Brightness [%]:

Toolbar Overlay Color: Ensure to use transparency!

Headings Brightness [%]:

Headings Overlay Color: Ensure to use transparency!

Devices Brightness [%]:

Devices Overlay Color: Ensure to use transparency!

Badge Brightness [%]:

Badge Overlay Color: Ensure to use transparency!

Toolbar - General:

Overall Background-Color:

Border-Color:

Toolbar - Unselected Elements:

Unselected Background-Color:

Unselected Hover Background-Color:

Unselected Text-Color:

Unselected Hover Text-Color:

Unselected Text-Schadow-Color:

Unselected Hover Text-Schadow-Color:

Toolbar - Selected Element:

Selected Background-Color:

Selected Hover Background-Color:

Selected Text-Color:

Selected Hover Text-Color:

Selected Text-Schadow-Color:

Selected Hover Text-Schadow-Color:

Toolbar - Icons:

Icon Brightness [%]:

Icon Background-Color:

Main-Header:

Main-Header Background-Color:

Main-Header Text-Color:

Sub-Headers:

Sub-Headers Background-Color:

Sub-Headers Text-Color:

Devices - Icons:

Icon Brightness [%]:

Inactive Devices - Background:

Inactive Devices - Background-Color:

Inactive Devices, Hover - Background-Color:

Inactive Devices - Overlay:

Inactive Devices - Overlay-Color:

Inactive Devices, Hover - Overlay-Color:

Active Devices - Background:

Active Devices - Background-Color:

Active Devices, Hover - Background-Color:

Active Devices - Overlay:

Active Devices - Overlay-Color:

Active Devices, Hover - Overlay-Color:

Device-Name:

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:

State:

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:

INFO_A, INFO_B:

Icon Brightness [%]:

Invert Color of INFO_A and INFO_B Icons

Inactive Text-Color:

Inactive Hover Text-Color:

Active Text-Color:

Active Hover Text-Color:

Inactive on Transparent Background Text-Color:

Inactive on Transparent Background Hover Text-Color:

Active on Transparent Background Text-Color:

Active on Transparent Background Hover Text-Color:
Passphrase Protection:

Protect this instance of iQontrol via Passphrase:

Passphrase:

The passphrase can be passed as URL parameter '&passphrase=myPassPhrase' when calling iQontrol.

Please note: This protection provides only a low level of security! The password is checked on the client side, which can be bypassed even with little programming knowledge.
Miscellaneous:

Resize Devices To Fit Screen:

Resize disabled

Treshold in pixel (resize is disabled, if screen is bigger than this):

Resize even when screen is big

Big Mode:

Big Mode disabled Normally, tiles and labels are displayed enlarged from a screen width of 1500px

Treshold in pixel (tiles are displayed bigger, if screen is wider than this):

Return after time:

Enable return after time

Time in seconds (return is triggered after this time of inactivity):

Return to this view (if empty the first toolbar-entry is used): Example: iqontrol.0.Views.Home

Swiping:

Disable swiping

Hide swipe goals

CSS (Experts only):

Add your own CSS Code here:
Backup/Restore:

Backup:

Export Everything (but userfiles)

Export Userfiles

Views:

Export selected Views

Export all Views

Export Toolbar

Export Panel

Export Lists/Counters

Export Options

Export Custom Datapoint-Settings

Restore:

Import Everything (but userfiles)

Import Userfiles

Import Views (delete existing views)

Import Views (append to existing views)

Import Toolbar (delete exisiting toolbar)

Import Toolbar (append to exsisting toolbar)

Import Panel

Import Lists/Counters (delete exisiting Lists/Counters)

Import Lists/Counters (append to exisiting Lists/Counters)

Import Options

Import Custom Datapoint-Settings

Start

Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Views

List of Views

No duplicates allowed! View Names have to be unique.

Devices

Please select a device to edit

Operations

Devices of selected View

Toolbar

Homepage

Panel

Images

Lists and Counters

No duplicates allowed! List Names have to be unique.

Please note: Lists are created or updated not until several seconds after saving.

Options

Change Device-Options:

Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Toolbar-Layout:

Headers:

Device-Tiles:

Default Icons:

Device-Text:

Dark-Mode:

Passphrase Protection:

Please note: This protection provides only a low level of security! The password is checked on the client side, which can be bypassed even with little programming knowledge.

Miscellaneous:

Backup/Restore:

Start

warning Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Views

List of Views

No duplicates allowed! View Names have to be unique.

Devices

Please select a device to edit

Operations

Devices of selected View

Toolbar

Homepage

Panel

Images

Lists and Counters

No duplicates allowed! List Names have to be unique.

warning Please note: Lists are created or updated not until several seconds after saving.

Options

Change Device-Options:

warning Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Toolbar-Layout:

Headers:

Device-Tiles:

Default Icons:

Device-Text:

Dark-Mode:

Passphrase Protection:

warning Please note: This protection provides only a low level of security! The password is checked on the client side, which can be bypassed even with little programming knowledge.

Miscellaneous:

Backup/Restore:

Widget Settings:

Description:

Parameter:

Suggested settings for device options:

Autocreate views

Select Enumeration:

Edit Device:

live_help Select Role:

Set Corresponding States

Options:

Edit Constant:

Edit Array:

Autocreate Device:

Select device ID from ioBroker-Object-Tree:

Preview:

Copy Device:

Select Source

Select Destination

Autocreate Widget:

Preview:

Export Devices:

Edit Toolbar Element:

States:

Options:

Import Custom Datapoint-Settings

Icon-Preset:

Image:

CodeEditor: ()

Edit List:

Selectors

Counters

Calculations

Combinations

Logs

Edit Counter:

Conditions:

Edit Calculation:

Calculation:

Edit Combination:

Combination:

Edit Log:

Update log on change of these IDs:

Columns:

Add Default List:

Description:

Lists:

Widgets:

Export Lists:

Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Please note: Lists are created or updated not until several seconds after saving.

Warning: make shure you have a backup! You can create backups under Options - Backup/Restore.

Please note: This protection provides only a low level of security! The password is checked on the client side, which can be bypassed even with little programming knowledge.

Select Role: