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

Full Box

Sign In

The Full Box layout adapts to always be 100% of the container's width, occupying twelve columns of the grid.

layout full box 1440px width screen

This layout is used in the dataset display template.

Responsive behavior

The full box layout is fluid and occupies 100% of the container's width across the different breakpoints.

Note, however, that the lateral space is removed from the layout on displays smaller than 576 px.

layout full box responsive summary

Attributes

layout full box metrics

Example

layout full box example

How can this be improved? Contribute today!
Menu