Does AlloyUI supports device responsive layouts?

[Vinod Kumar Nair, geändert vor 11 Jahren.]

Does liferay supports in built responsive HTML based on the devices' resolutions like ipad, desktop, mobile, something inbuilt like inside Alloy UI or do I need to go for third party framework like Twitter BootStrap to achieve my requirement?

[Zsolt Balogh, geändert vor 11 Jahren.]

Hi,

I'm not a UI expert so I'm just trying to help from far away. You can check how Liferay supports mobile devices if you resize your browser on liferay.com itself or you check it from a mobile.

You can see how it works there. The portal is using WURFL by using this plugin: https://github.com/liferay/liferay-plugins/tree/master/webs/wurfl-web.

I hope this is enough to help you to start the development.

Zsolt

[Bill Jhonson, geändert vor 11 Jahren.]

I am new for this forum. Thanks for this useful post. Looking forward to many future threads.

[Jack Bakker, geändert vor 11 Jahren.]

on resize of browser to one of the four sizes, can javascript be called to use a new theme ? (would require reload)

by just css, showing 2nd level nav ; and 3d level could be an awkwardly tall list

then there is awkward long list on smartphone portrait like currently at http://www.liferay.com/community/welcome/dashboard where a page has multiple 'menus'

seems like re-theming via reload might be needed as needed

[Jack Bakker, geändert vor 11 Jahren.]

what i am thinking now on is:

for desktop browser, show nav level 1,2 as usual

but for tablet portrait and less:

home page shows only first level nav
onclick/touch of first level nav item, go to page and then only show 2nd level nav for that level1 navitem

hmmm...