Hi Eric, suppose you are on one basic form screen and I need one dropdown option that will show me the options for mobile, tablet etc views. So that I can see that form in different views.

Hi Abhay,
You can try to use this url:
[your environment url]/PreviewInDevices/?DeviceName=Tablet&URL=/[your application name]

Alternatively you can have your dropdown selection change the class of the body element to
tablet, phone or desktop.
And change the body width accordingly, but this is a less elegant solution

I'm not getting you it would be better if you share a small application to explain with the dropdown option.

hi Abhay.
For the first solution I can't make a small application (but does not work in production). Just replace the blue text parts with your information.
for example:
yourname.outsystemscloud.com/PreviewInDevices/?DeviceName=Tablet&URL=/YourApplication
By doing so for development you have what you need, and you can reverse engineer what they did to make it fit your needs

for the second solution on your on the onChange of your dropdown you can add a javascript action pass the dropdown device label to the javascript and then have a function like this:

document.body.classList.remove('desktop','desktop-hd','phone','phone-hd','tablet', 'tablet-hd');
document.body.classList.add(($parameter.deviceLabel).toLowerCase()
,($parameter.deviceLabel+'-hd').toLowerCase()
);

kind regards,
Eric

Thanks, Eric.