Liferay.Design / Lexicon

/

Animations Color Grid

Cards Layout Form Box Full Box Sidebar + Box

Principles Style Writing Framework

Common Actions Common Content Patterns Drag and Drop Ellipsis

Cards Variations Navigation Card

Colors Interaction Bar Chart Donut Chart Predictive Forecast Chart Heatmap Chart Line Chart Pie Chart Stacked Bar Chart

Confirmation Message Dataset Display Dropdown Menu Dual Listbox Empty State

Form Sheet Forms Hierarchy Forms Navigation Forms Rules Forms Validation Checkbox, Radio, Toggle Color Picker Date & Time Pickers Multi Select Multi Step Form Multi Step Form Simplified Select Input Input Group Input Localizable Input Variations

Icons Keys Labels Link

List Variations

Loading Indicator Modal

Breadcrumb Navbar Vertical Navigation

Pagination Progress Bar Popovers and Tooltips Section Sidebar Slider Stickers

Inline Edit Table

Tree View Vertical Bar

Builder Template Dataset Template Form Template Settings Template

File Upload Image Selector Management Toolbar Miller Columns

Control Menu Bar Global Menu

Info Panel Product Menu

Asset Title Bar Asset Toolbar Buttons Profile Info Widget Title Bar

Asset Metrics Dashboard Document Preview Page Distribution Partner Portal Site Builder

Part of Liferay, IncCode/Content Licenses

Form Template

The form template demonstrates how forms are built and composed using Lexicon patterns.

Form without side navigation example

Form without side navigation example

Form with side navigation example

Form without side navigation example

Something to improve? Report an issue!

Menu