Layout Builder

Vipin Bardia
Analytics and Optimization

Layout Builder is a tool or you can say a utility to make your life or Liferay a bit easy ;)
Now on wards you do not need a developer to create a layout for you. You can do it by your own and very quick too.

Layout Builder is an idea of my friend Rahul Mantri,With this you can create layout from your Liferay UI and it serves you instant.


1) Drag Icons to add Rows and Columns.
2) Drag rows to arrange your layout.
3) Context menu to delete rows and columns.
4) You can create Bootstrap layouts or normal layouts.
5) Whole layout can be reset.
6) Preview feature is available.
7) Layout War will be created on the fly.
8) Layout will be installed on the fly.
9) This porltet is available for Control Panel(Server Section) and normal pages.
10) Layout Icon will be created on the fly.
11) Portlets can be added to layout with/without border.
12) Custom classes can be added to main-content/row/column.
13) Unlimited percentage support unlike Liferay IDE where you create limited layout with percentages.
14) Resize columns like plugins sdk.

Thanks to Rahul Mantri for this idea and Bhargav Patel for UI and javascript help.

Best viewed in Google Chrome.

Rahul Mantri - http://in.linkedin.com/pub/rahul-mantri/3a/b58/573
Bhargav Patel - http://in.linkedin.com/pub/bhargav-patel/43/970/616


Hope community like it :)
Liferay is trademark of Liferay, Inc., Liferay International Limited and/or Liferay Affiliate, registered in the United States and/or other countries.
    All prices displayed are in USD. 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
    1.1 New version supports Liferay 7 modular approach.
    Liferay CE Portal 7.0 GA3+
    Liferay CE Portal 7.0 GA2+
    1.0 Added Source Link
    Liferay Portal 6.1 CE GA2+
    Liferay Portal 6.1 CE GA3+
    Liferay Portal 6.1 EE GA3+
    Liferay Portal 6.2 CE GA2
    Liferay Portal 6.2 EE GA1+
    Vipin Bardia
    Published Date
    December 07, 2016
    Supported Versions
    7.0, 6.2, 6.1
    EE, CE

    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.