In this lesson we are going to see how the rowLayout Region looks like and how the items are displayed inside the rowLay0utRegion.
Creating Row Layout Region
First create one page, here we are taking the same page which we created in the previous chapters and it already contains MessageComponetLayout region and Header region.
Create one region, right click on the main region and then select New -> Region
Select region style as “rowLayout” in the Property Inspector, and if we observe the Property Inspector we have Horizontal Alignment and Vertical Aligment .
Center, End, Left, Right, Start are the available alignments for Horizontal. By Default , Default is the alignment type which is nothing but works as Start Alignment.
For Vertical Alignment Bottom, Middle, and Top are the available alignments.
The below picture shows the property inspector of Row Layout Region:
After creating RowLayout region create four items under the rowLayoutRegion and also give prompt names for each created items under RowLayout region.
Now run the page and see the output, it displays all the items in single row.
The below figure shows how the output looks like and also observe that in the below figure how the items are placed in MessgeComponentLayout region and Header Region along with the Row Layout region.