Mega pack of responsive layout templates for Liferay 7.1

Lukas Grygar
Experience Management
Arcaduce layout templates provides various responsive layouts for your Liferay 7.1 pages.

Layouts have different stacking breakpoints which enables you perfect targeting for your
user base to achieve great user experience on every device (smartphone, table, PC etc.).
Breakpoints are 575 px, 767 px, 991 px and 1279 px.
The best way to figure out which devices uses your users the most is to look for these stats in
tools such as Google Analytics etc. and then use layout with breakpoint which suits the majority of
your users to achieve best user experience.

Please note that, in one drop-zone there could be multiple Liferay widgets under each other.

Layout sets has different thumbnail colors for quick recognition at Liferay control panel
which enables you high productivity while creating new pages.

Layouts HTML markup is developed according to Twitter Bootstrap 4 HTML/CSS framework rules, which is part
of Liferay 7.1, that means that they are universal and could be used with any Liferay 7.1 theme.

After deployment to Liferay server instance, layouts are available for all Liferay Sites/Themes.

To change layout of the page:
1.) login to Liferay Control Panel
2.) under your Liferay Site click Build
3.) then click to Pages
4.) on each page click on three dots and then click on Configure
5.) select which layout you want to use and click Save
Liferay is trademark of Liferay, Inc., Liferay International Limited and/or Liferay Affiliate, registered in the United States and/or other countries.
  • 1 standard instance, perpetual: 399 EUR
For pricing specific to your country/currency, please follow the installation instructions below for accessing and purchasing this app through your Control Panel.
Release Summary and Release Notes
Version Change Log Supported Framework Versions Date Added Compatibility with Liferay 7.1 GA3 and GA4.
Liferay CE Portal 7.1 GA4+
Liferay CE Portal 7.1 GA3+
2020-02-10 Updated screenshots due to fact that compression to low quality JPG was used and also last screenshot had typo mistake.
Liferay CE Portal 7.1 GA1+
Liferay CE Portal 7.1 GA2+
Liferay DXP 7.1 GA1+
Lukas Grygar
Published Date
February 10, 2020
Supported Versions
Help & Support
Terms & Conditions

Installation Instructions

This is a Legacy App that is no longer available in the new App Marketplace. You are able to acquire it from your installed DXP or CE instance and install it by following the instructions below.

Acquiring this App through the legacy Liferay Portal Store

  1. Review app documentation for any specific installation instructions.
  2. Login to your Liferay Portal instance with administrative permissions.
  3. Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Store.
  4. If needed, login to your Liferay.com account by choosing Sign In.
  5. Search for the app name in the Search dialog.
  6. Once the app is found, click on the app in the search results.
  7. On the app details page, choose to acquire the app by selecting the Free, Buy, or Trial button.
  8. Follow the instructions on the screen to complete the acquisition.

Installing this App through legacy Liferay Portal Purchased Apps

  1. After acquiring the app, login to your Liferay Portal instance with administrative permissions.
  2. Navigate to the Control Panel, Marketplace (or Apps for 7.3 and prior), then Purchased.
  3. If needed, login to your Liferay.com account by choosing Sign In.
  4. Click the Install button to install your app on your Liferay Portal instance.

See the legacy App Marketplace help documentation for more information.