List Picker Explained Thunkable AppInventor Makeroid AppyBuilder

What is List Picker?
A List Picker is a button that when user clicked on it displays a list of texts to choose among one of them.A List Picker show the text in a list as a choices for example List Picker is used to choose a answer among the list shown when List Picker clicked.
The texts can be specified through the Designer or Blocks Editor by setting the ElementsFromString property to their string-separated by commas (for example, choice 1, choice 2, choice 3) and also can be set up in blocks editor also.
List Picker also has ShowFilterBar which is used to search the lists. But we have to enable this option in properties.

we can customise the List Picker layout like text size, font, List Picker colour, Size, text colour etc through the properties.
Now we will explain how to customise the List Picker and whats are it's properties.


Step 1
Just drag and drop the List Picker in the app screen like the following picture shows.

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


Now let's know what 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 List Picker through this option.to change the background colour just click this option you will find an colours list in order and you can select one of those and if still didn't find what your looking for then you will be able to find custom colours in last of the list.
  2. This option is used to make a list of text for example if want to make a list of 3 words just type the words in this text box by separating the words with commas example these three choices we are going to make Apple, Banana, Cake.
  3. If this option is enabled then user will be able to click the List Picker and if it is not enabled then user can see the List Picker but cannot be able to click the List Picker and bList Picker can not do the command or run the programme. you change this enable or disable in the blocks section also.
  4. If this option is enabled then the List Picker text should be visible to users in bold style like this example text-Text
  5. If this option is enable the the text in the List Picker will be slightly crossed like this example text-Text
  6. 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 se the size change of the text.
  7. Here you will get font types like italic, normal, bold, means text style type.
  8. You can import the files of fonts or symbols means like home button symbol like this type files you will find them in online.
  9. You can change the height of the List Picker by this option
  10. You can change the width of the List Picker by this option
  11. With this option you can upload a photo to the List Picker.
  12. This option is used to change the background colour of the lists or choices.
  13. This option is used to change the text colour in the list for example in above we typed Apple, Banana, Cake to change the these words/text colour this option is used.
  14. This is used to pick the right answer if a user chooses the answer it compares with this selected answer here you typed.
  15. This option is used to change the List Picker shape you will be able to find the options here like rectangle, sphere.
  16. If this is enabled you will be able to show feedback to the List Picker.
  17. If this option is enabled then user can search the list by clicking the search option appear on the right side when List Picker clicked and list appears.
  18. To change the List Picker text just type the text you want in text box by this option
  19. with this option you will be able to change the text alignment like whether the text should be appear in middle of the List Picker or right or left of the List Picker.
  20. This option is used to change the Text colour in the List Picker.You will find a lot of colours here.
  21. This is an option feature that the title will appear on the top of the list or choices.
  22. If this option is checked or enabled then List 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 next post.

Happy tHunking 😎😎


Post a Comment

0 Comments