Multiple screens on a mobile

[jeroenb42]

I'm relatively new to Dashticz and loving it so far. I am now trying to get multiple screens working. I have created 2 screens and a button on screen 1 to go to screen 2. It works on my laptop browser but on my mobile the screens are put together as one page and the button does nothing.

The essential part of the CONFIG.js:

Code: Select all

// Page changes
blocks[1919] = {}
blocks[1919]['width'] = 2;
blocks[1919]['title'] = '';
blocks[1919]['last_update'] = false;
blocks[1919]['gotoslide'] = 1;
blocks[1919]['icon'] = 'fa fa-chevron-right fa-3x';
blocks[1919]['hide_data'] = true;
blocks[1920] = {}
blocks[1920]['width'] = 2;
blocks[1920]['title'] = '';
blocks[1920]['last_update'] = false;
blocks[1920]['gotoslide'] = 2;
blocks[1920]['icon'] = 'fa fa-chevron-right fa-3x';
blocks[1920]['hide_data'] = true;
blocks[1921] = {}
blocks[1921]['width'] = 2;
blocks[1921]['title'] = '';
blocks[1921]['last_update'] = false;
blocks[1921]['gotoslide'] = 3;
blocks[1921]['icon'] = 'fa fa-chevron-right fa-3x';
blocks[1921]['hide_data'] = true;
blocks[1922] = {}
blocks[1922]['width'] = 2;
blocks[1922]['title'] = '';
blocks[1922]['last_update'] = false;
blocks[1922]['gotoslide'] = 1;
blocks[1922]['icon'] = 'fa fa-chevron-left fa-3x';
blocks[1922]['hide_data'] = true;
blocks[1923] = {}
blocks[1923]['width'] = 2;
blocks[1923]['title'] = '';
blocks[1923]['last_update'] = false;
blocks[1923]['gotoslide'] = 2;
blocks[1923]['icon'] = 'fa fa-chevron-left fa-3x';
blocks[1923]['hide_data'] = true;
blocks[1924] = {}
blocks[1924]['width'] = 2;
blocks[1924]['title'] = '';
blocks[1924]['last_update'] = false;
blocks[1924]['gotoslide'] = 3;
blocks[1924]['icon'] = 'fa fa-chevron-left fa-3x';
blocks[1924]['hide_data'] = true;


var columns = {}
columns['bar'] = {}
columns['bar']['blocks'] = ['logo','miniclock','settings']

columns[1] = {}
columns[1]['blocks'] = [1923,'blocktitle_1',1632,1920,1700,1701,1702,1703,1628,1629,1630,1631,1836,1837,1838,1839];
columns[1]['width'] = 4;

columns[2] = {}
columns[2]['blocks'] = [1118,1122,1143,1124,530,531,1137,537,539,540,1139,541,547,548,1141,549,543,544,1140,545,1117,1121,1142,1123,534,535,1138,959]
columns[2]['width'] = 4;

columns[3] = {}
columns[3]['blocks'] = [tvguide.dutch,publictransport.ovinfobus,'sunrise','streamplayer',buttons.nunl,buttons.nos]
columns[3]['width'] = 4;
/*
var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','weather']
columns_standby[1]['width'] = 12;
*/
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg2.jpg';
screens[1]['columns'] = [1,2]
screens[2] = {}
screens[2]['background'] = 'bg3.jpg';
screens[2]['columns'] = [3]

What happens is this, page one and page two below each other.

IMG_7882.jpg (23.05 KiB) Viewed 592 times

Am I doing something wrong?

I have just found it works on my iPad, screens next to each other and the buttons work too, but on my iPhone it does not. Anything I can do to make it work on my iPhone?