Layouts in webdynpro ABAP

Layout is a concept of arranging UI elements in a screen as per the client requirements.

Flow Layout

This layout arranges all the UI elements sequentially in a single line form left to right.This ts the default layout in web dynpro ABAP.

Row layout

This layout arranges the UI elements in a same line or separate line, this layout have two options.

1. Row Head Data:It arranges UI elements in a separate line.
2. Row Data: It arranges UI elements in the same line.

Row layout doesn`t follow any vertical arrangement format.

Matrix Layout

This layout is same as row layout, by using this we can arrange UI elements in same line or separate line with vertical formatting options.

Matrix layout have two options

1. Matrix head data: It arranges UI elements in a separate line.
2. Matrix data: It arranges UI elements in the same line.

Grid Layout

This layout arranges the UI elements with the help of column count, we can display UI elements as columns.By using grid layout we can specify column spacing, column count(UI elements ti display in specific columns), padding etc.