Builder Template

Builder Template is guidance pattern to allow designers to create their own builder pages.

Layout

BuilderTemplate


Builder has 3 main areas:

  1. Toolbar area: where to place you upper toolbar
  2. Side panel
    1. Vertical tabbar: only needed if you have multiple panels.
    2. Panel: where to place tools that will allow you to create or enrich the canvas areas.
  3. Canvas

Examples

This template is applied in Liferay DXP in several applications so you can be inspired by following the examples.

Document preview


Document preview example

Segmentation


Segmentation example

Site builder


Site builder example

Menu