O'Reilly logo

Liferay 6.2 User Interface Development by Jonas X. Yuan, Xinsheng Chen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive layout templates

A responsive layout template is a layout template that rearranges its columns automatically in response to the detected width of the browser window.

Why is a responsive layout template necessary? Nowadays, a user may use a browser in any of the following devices to access our site:

  • An iPad in landscape mode or a desktop computer whose browser window can be equal to or more than 960 pixels wide
  • An iPad in portrait mode whose browser window can be equal to or less than 720 pixels wide
  • A smart phone in landscape mode whose browser window is 480 pixels wide
  • A smart phone in portrait mode whose browser window is 320 pixels wide

Whether our user is using a desktop, tablet, or a smart phone, we must make sure that the content in ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required