I in this lecture, I'm going to show you how to use the form note that allows you to create widgets
that contain forms and through the form you could submit all sorts of data as part of your flow.
So let's start with the example.
Go to the dashboard a list of notes and pick the form note, drop it on to your new flow of create a
new flow called form here.
And I'm going to design this form in a moment.
But what I want to do is to get that out of it and then present the data inside the dashboard in a text
note like this one here to connect the two.
And let's create a new group then to go into tab one and add a new group and call this group to form
a group like this part of TAB one as far as we're concerned.
Let's let's make it six.
All right.
So now I've got a place for the two new widgets.
Let's go into the form widget.
Going to give it a name and a reasonable name, which is going to be a prompt to the user to select
their favorite colors.
This widget is going to be part of the form group.
Let's give the full width.
And a six by five should be enough, we can adjust this later.
Of course, now the form can contain various elements of different kinds, as you can see here, text,
multiline number, etc. I'm going to create the first element to be a prompt for my name.
So here's my name and it's going to be so that's the label.
That's going to be the name of the element.
And this is going to be of type text and this is required.
And let's add a bunch of other labels which are going to be of type checkbook's and these are going
to be my favorite colors.
So the screen and that's going to be the name and let's say blue, red.
And let's add one more.
Hello.
And name the yellow, and I would also like to add a date.
I just called I just said that just to keep things simple.
All right, now, when this form is rendered, they are going to be two buttons.
One is going to be submit and the other one is going to be canceled.
All right.
Let's click on Done.
And then go into the text output widget and let's say form output.
Text.
Make it for Whit's.
Actually, I need to select the location first of the group, which is going to be the form group,
and that way my my property's Windsor now knows how much space I've got available, so just make it
seven.
And that should be enough.
Actually, I'll use this layout here.
So the developer is below the label.
Let's check it out.
Deploy.
Oh, hang on.
This narrow form.
Put your text.
So the form outpoured.
Not going to deploy, you can see that a red triangle here indicating an error in the form, so a year.
The problem here is that I've gone beyond the limit of this group.
I've made this widget too wide.
So let's make it six by one.
And that would allow us to continue to deploy.
And that's sort of dashboard.
And here is a form group.
So if I tried to submit this without a name, I'm getting a bubble here telling me that I really need
to put in my name.
So here's my name and I can see that I've selected the first widget or the first element to be a checkbox,
but the rest are text boxes.
So let's go back and fix this and try again.
So I want these to be checkboxes.
As long as well as the last one like that.
All right, done deploy.
And now I've got the checkboxes.
So let's say my favorite colors are blue and red.
And then for the date, this should actually be a widget.
Yeah, uh, a date.
OK, continue from here and let's put in the date 2020, let's say there are six 14 and submit.
And submit, so here's the output, he's simply a chastened document which contains the names of the
elements with the values against each name.