Hello and welcome to the.
Part three of build your first web app.
In this lecture we aren't going to be customizing the controls we have set up.
So we are going to set up some properties for the controls.
All right.
So to do that we click on the controls or click on this first one here.
This box here the controls are actually called a speed Dot Net Server controls.
That's what they actually called.
OK.
So notice I clicked on the first control here and this is the properties relating to that control box.
OK.
So this property here references this control box.
If you can see this property option here.
You can access it via the view.
So if you go view and then go to property window there should be an option for property window.
So an option right at the bottom that should say property window.
So that's the option there.
That says property windows so if you don't see it you click on that option with a view tab.
You can also press the F for key on your keyboard and that should also display the properties window.
We are going to make some changes at the moment the default name for the control is called text box
1.
So we're going to change it.
So if you scroll down the properties page here there should be an option here.
Waves got I.D. here.
So this is a programmatic I.D. We're going to click on this box here and just change it.
Going to call it first name change that our type first name
and when we use camel case which is the first letter will be a lowercase
and then the first letter of the other word would be an upper case.
All right.
So I'm going to leave it like that
this makes it easier to identify the box.
All right so if I click on that again you can see the name should have changed to look at it it is changed
to first name so I'll do the same with the second box.
Click on it.
Notice this says text box to ask her right down to the end to the programmatic idea here.
Click on that.
Get rid of text 2 and do the same.
I use a camel case camel case means the first letter is a lowercase last name.
All right.
So we changed that for that.
If I click on that first box says first name.
Second one says last name.
Great.
Also take note that there's no spaces between the names so notice this last name.
Here there is no spaces.
So with the camel case.
Make sure are no spaces between last and the name.
Next we are going to change the text for the button control so click on the button here and in the properties
window here waistcoat button.
I'll just change that and just typing the word.
OK so that will not become an OK button say that it's printed there.
Right.
So we've got the text for our controls changed.
I am going to make some changes to the button control so I changed the text but I didn't change the
I.D. So notice the idea here is to show in button.
So I'm gonna turn 1 or swap around.
I'm gonna call this I'm gonna just call it O K button
lowercase which is a calm case all right.
And then I'm going to go to the text.
The button should have a text in the text file screwed.
True there should be a text.
So this is a text for the button.
So I'm gonna change that.
I'm going to type.
Click me
click me please.
All right so that's gonna be this text for the button.
So if I go back you can see now the text for the button has changed but the actual I.D. I've given the
I.D. okay button body text is different.
All right now the next we're gonna do is work on the label so we've got the labels selected so I'm just
gonna scroll down to the programmatic I.D. which is this one here and changes to result on the camel
case results
all right.
I just see results and I just typing label.
I'll leave it like that for now and what I'm gonna do this is as a text in their voice as a text value.
I'm going to remove that.
So let's scroll down and look for the text.
This label.
I'm going to remove that so that it is blank.
I just highlighted text and just get rid of it.
So if you go back now you shouldn't see the text for that should be gone.
All right.
Well done so far.
If you have got where we are.
I am going to stop this lecture.
Here is gone on a bit long and in the next lecture we are going to start right in the C sharp code that
will determine the behavior of the page.
Thanks so much for watching.
Bye for now.