Changing layout based on screen size

[denisvParticipant]

Is it possible to change the overall layout of an application based on the screen size?

My app is for both desktop and mobile use. For desktop it will use an “explorer” interface, with tabbed trees or lists on the left and corresponding tables on the right. But for mobile those two sides will have to be split into separate pages.

I’ve noticed that jQuery Mobile lets you do that. For example, if you go to http://demos.jquerymobile.com/1.4.5/rwd/ with a wide browser window, a list appears on the left-hand side. But if you narrow the window, the list disappears and a menu button appears at the top instead. At the bottom of that page it gives instructions on how to achieve this.

So if you can do something similar in jQWidgets, do you have instructions on how to do it?

Thanks,
Denis

[DimitarParticipant]

Hello Denis,

jQWidgets can be integrated with jQuery Mobile. Please check out the tutorial about this here: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jquerymobile/jquery-mobile.htm.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[denisvParticipant]

That’s just what I needed – thanks Dimitar!

[Author]

Posts