Horizontal Arrangement Thunkable Makeroid AppInventor

Before knowing about Horizontal Arrangement lets know about Layouts.

What are Layouts?
Layouts are important components to design an app.Layouts are used to place different and similar components together in one after one or one another one.Layouts plays a major role in designing an app.

What is Horizontal Arrangement?
Horizontal Arrangement is a formatting element in which used to place components that should be displayed from left to right.
This Horizontal Arrangement Layout is used to place components from left to right one after one.
Horizontal arrangements are used for arranging content that goes across the screen like a top navigation menu or for creating padding on a screen.
If you want to use more components then you can use Scrollable Horizontal Arrangement to make it scrollable one after one from left to right.

Now let's see how to use it.

Step 1
Just drag and drop the Horizontal Arrangement in the app screen like the following picture shows.

Step 2
Once you drag and dropped the Horizontal Arrangement into app screen you will find the Horizontal Arrangement in Components layout and click the Horizontal Arrangement option there and you will find its properties in properties layout.Once you do that you will find the options to customise the Horizontal Arrangement as your wish.
Like the following picture shows the customisable options.

However Layouts are used for Design purpose so there will not be much customisable options.

No lets know what are the customisable options does Horizontal Arrangement has and how to use those options and know what are their uses.


1.This option is used to set Align Horizontal for components means when you drag components in Horizontal Arrangement then components will be appear in center if set to center else if set to left it will appear in left like the following picture shows.


2.This is same as above option but used change Align Vertical means whether the components should be set in Top or Center or Bottom.

3.This option is used to change the Background colour of the Horizontal Arrangement.

4.You can change the height of the Horizontal Arrangement by this option
    5.You can change the width of the Horizontal Arrangement by this option

    6.With this option you will be able to upload an image for Horizontal Arrangement.

    7.If this option is checked or enabled then Horizontal Arrangement component will be visible to users or else it will not be visible.

    Happy tHunking ­čśÄ­čśÄ

    Post a Comment

    0 Comments