Customizing Form Layouts

By default, new elements on your form are added to a new row and occupy the entire width of the form.

Form with all elements occupying entire width of form.

Sometimes it doesn’t make sense to have each element oriented on separate rows. Instead, you can save space by modifying the width of elements and placing them in a single row.

To change the width of an element, move your cursor to the sides of the element until the edges are highlighted. Drag one of the blue squares to change the width.

Move your cursor to the sides of the element and drag your mouse to resize.

Reducing the width of an element frees up space on the row, potentially for other elements.

Drag other elements onto the same row.

Move your cursor toward the label of another element. Drag the element onto the same row as the previous element.

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy