Screens

There is the ability to use multiple screens within Dashticz. Each screen can use it’s own background. The background can also automatically change for the part of the day.

//if you want to use multiple screens, use the code below:

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['background_morning'] = 'bg_morning.jpg';
screens[1]['background_noon'] = 'bg_noon.jpg';
screens[1]['background_afternoon'] = 'bg_afternoon.jpg';
screens[1]['background_night'] = 'bg_night.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'bg3.jpg';
screens[2]['background_morning'] = 'bg_morning.jpg';
screens[2]['background_noon'] = 'bg_noon.jpg';
screens[2]['background_afternoon'] = 'bg_afternoon.jpg';
screens[2]['background_night'] = 'bg_night.jpg';
screens[2]['columns'] = [4,5,6]

Screen parameters

Parameter Description
background
Defines the screen background - the image file must be in the <dashticz>/img folder
'bg1.jpg'
background_morning
Defines the screen background for morning (06:00-10:59) - the image file must be in the <dashticz>/img folder
'bg_morning.jpg'
background_noon
Defines the screen background for noon (11:00-15:59) - the image file must be in the <dashticz>/img folder
'bg_noon.jpg'
background_afternoon
Defines the screen background for afternoon (16:00-19:59) - the image file must be in the <dashticz>/img folder
'bg_afternoon.jpg'
background_night
Defines the screen background for night (20:00-05:59) - the image file must be in the <dashticz>/img folder
'bg_night.jpg'
columns
Defines which columns are shown on this screen
[1,2,3]

Usage

Layout per device

It is now possible to use another column/block setup per resolution.

To setup, use this code in config.js, change according your own needs:

var screens = {}
screens['default'] = {}
screens['default']['maxwidth'] = 1920;
screens['default']['maxheight'] = 1080;

screens['default'][1] = {}
screens['default'][1]['background'] = 'bg9.jpg';
screens['default'][1]['columns'] = [1,2,4]

screens['default'][2] = {}
screens['default'][2]['background'] = 'bg9.jpg';
screens['default'][2]['columns'] = [5,6,7]

screens['tablet'] = {}
screens['tablet']['maxwidth'] = 1024;
screens['tablet']['maxheight'] = 768;
screens['tablet'][1] = {}
screens['tablet'][1]['background'] = 'bg9.jpg';
screens['tablet'][1]['columns'] = [3,1]

screens['tablet'][2] = {}
screens['tablet'][2]['background'] = 'bg9.jpg';
screens['tablet'][2]['columns'] = [2,4]

Note

If you are testing this on your laptop with resizing your browser window, refresh to rebuild the columns/blocks.

Standby Screen

There is the ability to let Dashticz go into standby mode. This defined with the config['standby_after'] parameter in the CONFIG.js file. The screen get sort of grayed out and you can show items on the standby theme. These items MUST have been declared and used in the Dashboard:

config['standby_after'] = 5;  //Enter standby mode after 5 minutes

var columns_standby = {}

columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather']  //specify blocks for the standby mode
columns_standby[1]['width'] = 12;

The following config settings are applicable to the standby screen:

Setting Description
standby_after
Enter the amount of minutes
0 = No standby mode(default)
1..1000 = Switch to standby after <value> minutes
standby_call_url’
[URL]
Enter the url for adjusting the brightness when entering stand-by mode
standby_call_url_on_end
[URL]
Enter the url for adjusting the brightness when exiting stand-by mode

Styling

If you want to be able to scroll the screen vertically add the following to custom.css:

.swiper-slide {
    overflow: auto!important
}