Liferay DXP UI

Liferay DXP UI Training

Liferay 7/DXP UI  Theme Development helps the Liferay Developers working with creation of rich User Interface for Liferay 7/DXP Application


Duration: 3 Days

Course fee:$599.00 (₹0)


Product Description

Liferay 7/DXP UI  Training specifically deals with the complete layout structure for the Liferay 7/DXP Application to be used by the Liferay developers. Liferay 7/DXP UI Online Training includes the basic introduction to theme development using NodeJS, AlloyUI, SAAS CSS frameworks and many more. In addition to it, Liferay 7/DXP Themes development can be easily performed with the help of Theme Generator and also Themelets is the terminology used by Liferay 7/DXP developers for working with Liferay 7/DXP UI Developments on large scale. Liferay UI Development Training involves the information for the Portlet Decorators for designing the themes developed especially for the Liferay 7/DXP Application. The overall Designing and the look-up of the portal is completely handled by the Liferay 7/DXP UI Theme Development Training. On the completion of Liferay 7/DXP UI Training, the Liferay 7/DXP developers grasps the opportunity to understand Liferay 7/DXP Theming in Application


  • Designing the themes for the complete User Interface with which User Friendly applications are being created.
  • Management of the various plugins for the Theme Development are created and used thoroughly into the applications
  • Primary aim for this training is to provide the skill sets for the theme generation and invoking the functionalities into the application.

Advantages of Liferay 7/DXP UI Training

  • Clear understanding of default structure for the Liferay pages
  • Sound knowledge of Velocity templates, CSS, Images, JavaScript and Web archive for deployment and distribution
  • Learn different color schemes for the themes with Customized layout designs
  • Combination of HTML5, CSS3 and YUI3 for UI Development of Liferay with out of box portlet
  • Liferay plugin theme development and Liferay IDE in Eclipse

Additional Information

Day 1

1. Themes Introduction(Node JS, Alloy UI 4, SAAS CSS framework, Metal JS).

2. Themes Generator

– Installing Theme Generator, Sass on Windows
– Running the Themes Generator

3. Creating and Installing Themelets

4. Resources with Themes

Day 2

1. Working with Portlet Decorators

– Adding Portlet Decorator to a Theme
– Applying Portlet Decorators to Embedded Portlets

2. Layout Templates with Themes Generator

– Creating Layout templates with layout sub-generator
– Creating custom thumbnail for layout template

3. Creating Layout Templates Manually

4. Embedding Portlets in Themes and Layout Templates

– Adding a Portlet to Custom Theme Layout Template

5. Implementing Theme Contributors

6. Context Contributors

Day 3

1. Theming Portlets

– Portlet FTL, Portlet Decorators

2. Importing Lexicon CSS into a theme

– Lexicon Features
– Lexicon Structure
– Customizing Atlas in Liferay Portal
– Extending Atlas with the Classic Theme
– Customizing Lexicon base in Liferay Portal
– Adding third party Theme

3. Creating theme using Plugin SDK.

4. Theme Migration from 6.2 to 7.0.


There are no reviews yet.

Be the first to review “Liferay DXP UI Training”

Contact Us

Please fill this form, we'll get back to you as soon as possible!

TOP mautic is open source marketing automation