Now leave the first container (FLOW) as it is and set the layout property of Row, Matrix and Grid group containers as Row layout, Matrix Layout and Grid Layout respectively and set the colcount property in Grid group Container as 2.ġ1. Main view will appear as below after creating container forms and binding the context node in all the four containers, as the default layout is Flow Layout.ġ0. Click on context and select the node NODE_MARA from the context.ĩ. Create container form in all the four group containers by right clicking on the container name and bind the fields.Ĩ. Maintain a transparent container between each Group Container and set the height property as 40px, to maintain some space between all the four Group containers.ħ. In the same way create another 3 group containers with names Row, Matrix and layout with texts under caption as Row Layout, Matrix Layout and Grid Layout respectively.Ħ. Maintain the text property under Caption as Flow Layout.ĥ. Create four Group Containers in the Main view with the name Flow.Ĥ. In the context of main view, create a node ” NODE_MARA ” with any four fields from MARA structure.ģ. The below demo explains the usage and significance of all these layouts.Ģ. This layout also follows the Grid layout. Grid Layout : This layout has user friendly options to arrange the UI elements like column count, padding left, padding right, padding top, padding bottom, cell spacing etc. The main advantage is, it follows the vertical format.Ĥ. The options available are,Ī) Matrix Head Data : It places the UI element in separate or fresh line. Matrix Layout :- This layout is also almost same as row layout, which is used to place the UI element in a separate or same line. The disadvantage with row layout is, it doesn’t follow any vertical format.ģ. They are,Ī) Row Head Data : It places the UI element in separate or fresh line. Row Layout :- In this layout, we have the options to set the UI element in a same or separate line. In this layout, all the UI elements will flow from left to right sequentially in a view.Ģ. As we don’t have the drag and drop facility in WebDynpro, we use layouts.ġ. Layouts are used to arrange the UI elements as per our requirement. Author: Avinash Palavai, SAP Technical Consultant, Atos India Pvt.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |