Different layout if connect with tablet or phone

Hi,
I have designed a flow and a dashboard which is ok when open it on PC. I would like to detect when I open with a tablet or phone and show other design (show less things and arrange them differently ) to fit on the small screen.
I searched before post here but couldn t find anything
Thank you very much.

Hi,
Try with RED.utils.getBrowserInfo() to detect the env.

1 Like

But how can I have 2 dashboards and direct client to one of it after I get browser info? Is there any examples/tutorials ?

You can't. You can only have 1 dashboard.

All you can do is adjust the layout using CSS media queries or faffing about with browser detection and custom ui_templates.

If you want more comprehensive capabilities, you would need to use UIBUILDER.


UPDATE 2024-02-01: Now that Dashboard 2.0 is live, that is also an option as it has more flexibility than Dashboard 1.0.

1 Like

The problem is you set up the dashboard for that screen.

It is.... 1024 x 768. (Old school numbers but....)

Your phone connects and the page loads, but the resolution of the phone is not the same as the monitor.

It will get changed.

Best you can do is hope the ratios are the same then you can ZOOM in/out and things should be better.

But no promises.