Spinner Explained Thunkable AppInventor Makeroid AppyBuilder

What is Spinner?
A spinner component is a drop down menu option that displays a pop-up with a list of elements or words. These elements or words can be set in the Designer or Blocks Editor by setting ElementsFromString property to separate a element or words commas are used (for example, Apple, Banana, Chocolate) and also can be set by the Elements property to a List in the Blocks editor.
A Drop down menu means with a small number of elements or words (up to 5) where user options show next to filter in the current screen.
Now let's see how to use this component.

Step 1
Just drag and drop the Spinner Component in the app screen like the following picture shows.

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

Like the following picture shows all the customisable options a Spinner has.

Now let's know what customisable options does spinner had and how to use those options and know what are their uses.
  1. 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 input box by separating the words with commas example these three choices we are going to make Apple, Banana, Chocolate.
  2. This option is used to change the Width of the Spinner component.
  3. This option is used to display Text for the Spinner window.
  4. This is used to pick the right answer (Example:- From a Multiple choice answer questions like Quiz App) if a user chooses the answer it compares with this selected answer here you typed and runs the commands or programming.Like if it is correct then opens another question.
  5. This Option is used to change Spinner Mode.
  6. If this is checked then Spinner button will be visible or else it will not be visible it can be changed later in Blocks Editor.
Tip:- That the maximum customisable option are also can be customised using the blocks in blocks editor we will explain about it in the upcoming posts.

Happy tHunking 😎😎

Post a comment