Liferay 7 Layouts tutorial
Liferay DXP Layouts tutorial will give you light on “creating layout templates for Liferay 7 using liferay themes generator tool”. Please go through “Liferay themes generator installation tutorial” that explained in details steps.
Create Layout Template using theme generator:
- Make sure that you installed all required plugins explained in this tutorial: “Liferay 7 Themes generator installation and theme creation“
- Navigate to directory where you want to create layout templates
- Run the command: yo liferay-theme:layout
- Provide the layout name and layout Id. In this tutorial, we are going to create 2-1-2 layout( 3 rows (2 columns-1-2 columns)) . For the first row give the number columns and select column width also
- You will get interactive window to add, edit and delete rows in the layouts
- Enter the number columns and width for each columns
- After completing this, select finish layout
- Enter the path to your server directory. Give complete path up to tomcat directory to deploy automatically
- It will create json – where you can edit the path of that
- Deploy the war file using gulp task : gulp deploy
- You can change the deployment directory and other configurations in “liferay-plugin.json” that can be found in layout templates root directory
-
{ "LiferayPlugin": { "appServerPath": "D:\\liferay-work\\LR7EE\\lds\\workspace\\liferay-workspace\\bundles\\tomcat-8.0.32", "deployPath": "D:\\liferay-work\\LR7EE\\lds\\workspace\\liferay-workspace\\bundles\\deploy", "url": "http://localhost:8080", "appServerPathPlugin": "D:\\liferay-work\\LR7EE\\lds\\workspace\\liferay-workspace\\bundles\\tomcat-8.0.32\\webapps\-1-1-layouttpl", "deployed": true, "pluginName": "2-1-1-layouttpl" } }
-
Hope this helps!!!
3 thoughts on “Liferay 7 Layouts tutorial”
Comments are closed.
Nice tutorial to understand theme generator liferay 7.0
Thank You
Have you tried to implement Angular 2.0 with Liferay DXP?
Not yet..