• USA : +1 973 910 5725
  • INDIA: +91 905 291 3388
  • info@tekslate.com
  • Login

Row Layout Region

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 -> Region4

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:5

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.6

Summary
Review Date
Reviewed Item
Row Layout Region
Author Rating
5

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at info@tekslate.com, we will update the article in 24 hours.”

0 Responses on Row Layout Region"

    Leave a Message

    Your email address will not be published. Required fields are marked *

    Site Disclaimer, Copyright © 2016 - All Rights Reserved.

    Support


    Please leave a message and we'll get back to you soon.

    I agree to be contacted via e-mail.