Button component explained Thunkable AppInventor Makeroid AppyBuilder


What is a Button?
A button is a component that Detects Clicks and does suitable commands. For Example, if a user clicks on a button then the component detects that click and if that is valid click then does something that you commanded it.
For Example, if you commanded it to open another screen then it opens another screen when the user clicks on it.
You can customise the button layout like text size, front, button colour, button size, text colour etc through the properties
Now we will explain how to customise the buttons and what are its components.
Now let's see how to use it.

Step 1
Just drag and drop the button in the app screen like the following picture shows

Step 2
Once you drag and dropped the button into app screen you will find the button in Components layout and click the button option there and you will find its properties in properties layout. Once you do that you will find the options to customise the button as your wish.
The following picture shows the customisable options.
Now let's know what are the customisable options are there and how to use those options and know what are their uses.

  1. You can change the background colour of the button through this option.to change the background colour just click this option you will find a colours list in order and you can select one of those and if still didn't find what you're looking for then you will be able to find custom colours in last of the list.
  2. If this option is enabled then the user will be able to click the button and if it is not enabled then a user can see the button but cannot be able to click the button and button cannot do the command or run the programme. you can change this enable or disable in the blocks section also.
  3. If this option is enabled then the button text should be visible to users in bold style like this example text-Text
  4. If this option is enabled then text in the button will be slightly crossed like this example text-Text
  5. This option is used to increase the text size by typing the size of the text as your wish just type the number and you will see the size change.
  6. Here you will get font types like italic, normal, bold, means text style type.
  7. You can import the files of fonts or symbols means like home button symbol like this type files you will find them in online.
  8. You can change the height of the button by this option
  9. You can change the width of the button by this option
  10. With this option, you can upload a photo to the button.
  11. This option is used to change the button shape you will be able to find the options here like the rectangle, sphere.
  12. If this is enabled you will be able to show feedback to the button
  13. To change the button text just type the text you want in the text box by this option
  14. with this option, you will be able to change the text alignment like whether the text should appear in the center of the button or right or left of the button.
  15. This option is used to change the Text colour in the button. You will find a lot of colours here.
  16. If this option is checked or enabled then Button component will be visible to users or else it will not be visible.
Note that the maximum customisable option also can be customised using the blocks we will explain about it in the next post.

Happy tHunking 😎😎

Post a Comment

0 Comments