Date Picker Explained Thunkable AppInventor Makeroid AppyBuilder

What is Date Picker?
Date Picker is a component, when a user clicked on it shows a popup dialogue calendar to allow the user to select a date.
A date picker is used to take date from the user.
For example, if you want to make an event managing app like remainder or to prepare events remainder app this date picker component is used to take date from user and command the app or blocks.
You can customise the Date picker layout like text size, front, Date picker colour, Date picker size, text colour etc through the properties
Now let's see how to customise the Date picker layout and what are its properties.

Step 1
Just drag and drop the Date picker in the app screen like the following picture shows.

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

Now let's know what customisable options are there and how to use those options and know what are their uses.
  1. This option is used to change the background colour of the Date Picker. 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 you still didn't find the colour 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 Date Picker and if it is not enabled then the user can see the Date Picker but cannot be able to click the Date Picker and Date Picker 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 Date Picker text should be visible to users in bold style like this example text-Text
  4. If this option is enabled then the text in the Date Picker 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 Date Picker by this option
  9. You can change the width of the Date Picker by this option 
  10. With this option, you can upload a photo to the Date Picker.
  11. This option is used to change the Date Picker shape you will be able to find the options here like rectangle, sphere.
  12. If this is enabled you will be able to show feedback to the Date Picker button.
  13. This option is used to change the Date Picker 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 Date Picker. You will find a lot of colours here.
  16. If this option is checked or enabled then Date Picker 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 upcoming posts.

Happy tHunking 😎😎

Post a Comment

0 Comments