View Layouts

[anthony_kartasasmita]

I could not find more information in documentation regarding differences, advantage/disadvantage of view layouts such as matrix layout, grid layout etc, and how they are layout the elements in the view.

any pointer really appreciated.

thanks

[MG3 · Accepted solution]

Hi Anthony

Check <a href="/people/claudia.dangers/blog/2005/09/07/the-layout-property-of-ui-elements Though this blog is for WDP for ABAP, the concept for the layouts is the same.

Also, check this link: <a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/3c/1b913d64c80968e10000000a114084/frameset.htm">layouts</a>

Under this topic, you have the description of the different layouts.

This gives you the overview of layout, and tips on what to use when.

Hope this helps.

Manoj

Message was edited by:

m a n o j

Message was edited by:

m a n o j

[anthony_kartasasmita · Accepted solution]

Thanks manjo and all for really useful links. This is a great forum!

[former_member189631]

Hi Anthony,

Please gothrough this document,

http://help.sap.com/saphelp_nw2004s/helpdata/en/8c/176302de45364fbb58b006c1b05e3a/frameset.htm

Regards,

Ramganesan K.

[abhijeet_mukkawar]

Hi,

<b>FlowLayout</b>

The FlowLayout assigns the container children in a sequential manner. A FlowLayout depends on the client technology and the size of the browser window. To implement line breaks behind the container children, you can set the property wrapping to true for these.

<b>MatrixLayout</b>The matrix layout arranges the UI elements in a table-like manner in a grid structure.

You can use the properties stretchedHorizontally and stretchedVertically to specify whether or not the UI elements should match the container size.

In contrast to the GridLayout, for example, you cannot explicitly define the number of columns To create a line break for a Container Child UI element into the next line, assign MatrixHeadData to this in the property layoutdata .

<b>RowLayout</b>

A RowLayout has a similar behavior to the MatrixLayout. However, it sequentially assigns the UI elements to exactly one column.

If you assign RowHeadData to a container-child UI element of the property layoutdata, it is exactly this UI element that is wrapped into the next line.

<b>GridLayout</b>

A GridLayout arranges the container children in a two-dimensional grid with a defined column number and any number of rows. The number of grid columns can be specified using the GridLayout property colCount.

i would suggest you to go through this tutorial to get all queries of your solved, it is really helpful.

https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/webdynpro/developi...

regards