Does AlloyUI supports device responsive layouts?

[Vinod Kumar Nair，修改在11 年前。]

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，修改在11 年前。]

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，修改在11 年前。]

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

[Jack Bakker，修改在11 年前。]

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，修改在11 年前。]

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...