Liferay.Design / Lexicon
/
Get Started
    Writing
Resources
Part of Liferay, IncPowered by Gatsby and Netlify

Form Box

Sign In
Documentation

The basic layout used to contain form structures built based on 8/12 grid columns.

The Form Box is the most basic layout used to contain form structures. This layout is composed of a box that occupies 8 columns of the grid, with 2 offset columns on both sides.

layout form box 1440px width screen

Responsive behavior

Note that the form box layout changes from 8 to 12 columns on viewports that are equal to or less than 768px, in order to optimize space for content.

layout form box responsive summary

Attributes

layout form box metrics

Example

layout form box example

Something to improve? Report an issue!
Menu