Skip to main content

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
Course Content (3 days - 2 Participants)
  1. Themes Introduction(Node JS, Alloy UI , 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
  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
  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.

Get a Quote

Let us get back to you by entering the details below