I in this lecture, I'm going to show you how to use the dropdown widget, which is created using the
dropdown node, most of going to use the dropdown widget later on in another lecture in this section
to show you how to use the user interface HTML template.
But first, let's have a look at the dropdown itself.
Let's go to the dashboard group of notes and pick the dropdown node right here.
And of course, as usual, I'm going to use a text output node to display the value that we've selected
from the trip down to connect the two like this.
And let's go into tab one and I'm going to add another group here, and I'm gonna call this.
The dropdown group.
And the one and make that.
Eight.
All right there with update and then allocate dropped down into the dropdown group.
I'm can you give it the full width of eight blocks for the label?
I'm going to say select a color, since this is going to be a list of colors and select an option for
the placeholder.
So let's put in a few colors green and the label would be green at a bunch of options here.
Make this blue, red,
white and give them one more, which can be black.
As you can see, it's also possible to allow the user to select multiple items from the list and try
that in a moment.
But first, let's go for a single item from the list.
OK, and then for the text and what we're going to allocate that to the same dropdown group and let's
make it.
Also for width, and I'm going to choose this layout right here and for the label.
Something like this.
We'll do all right, deploy and check it out, so select an option and say red and there's your red
and black that you're black and so on, as you can see, it's pretty easy.
Now, there's more that you can do with this, of course.
And I'm going to show you how you can actually change colors that you use in a custom user interface
using HTML very soon in an upcoming lecture.
But I want to modify the experiment here slightly so that we can choose multiple items from the list.
So I'm going to enable this radio button here to choose multiple selections and see what that looks
like in the output.
So you can choose blue, red and white.
And you can see that now these values come through in an array.
COMMENTATOR Limited array.
Skarbek Right.
So choose something else.
A..
Pretty simple at this point, you know how to use a dropdown note that creates a dropdown widget.
Let's take this one step further.
In the next lecture, we'll show you how to use a user interface template node and basically customize
your dashboard using your own Hectorville.