1 00:00:00,810 --> 00:00:02,130 Hello and welcome to the. 2 00:00:02,140 --> 00:00:05,410 Part three of build your first web app. 3 00:00:05,490 --> 00:00:11,930 In this lecture we aren't going to be customizing the controls we have set up. 4 00:00:12,840 --> 00:00:17,790 So we are going to set up some properties for the controls. 5 00:00:17,790 --> 00:00:18,200 All right. 6 00:00:18,210 --> 00:00:24,000 So to do that we click on the controls or click on this first one here. 7 00:00:24,000 --> 00:00:31,670 This box here the controls are actually called a speed Dot Net Server controls. 8 00:00:31,670 --> 00:00:33,030 That's what they actually called. 9 00:00:33,060 --> 00:00:33,790 OK. 10 00:00:33,870 --> 00:00:43,020 So notice I clicked on the first control here and this is the properties relating to that control box. 11 00:00:43,050 --> 00:00:43,380 OK. 12 00:00:43,410 --> 00:00:49,530 So this property here references this control box. 13 00:00:49,530 --> 00:00:53,430 If you can see this property option here. 14 00:00:53,580 --> 00:00:56,050 You can access it via the view. 15 00:00:56,070 --> 00:01:04,860 So if you go view and then go to property window there should be an option for property window. 16 00:01:07,730 --> 00:01:15,560 So an option right at the bottom that should say property window. 17 00:01:15,760 --> 00:01:17,360 So that's the option there. 18 00:01:17,430 --> 00:01:23,670 That says property windows so if you don't see it you click on that option with a view tab. 19 00:01:23,760 --> 00:01:32,940 You can also press the F for key on your keyboard and that should also display the properties window. 20 00:01:33,030 --> 00:01:39,960 We are going to make some changes at the moment the default name for the control is called text box 21 00:01:39,960 --> 00:01:40,710 1. 22 00:01:40,770 --> 00:01:41,850 So we're going to change it. 23 00:01:41,850 --> 00:01:46,670 So if you scroll down the properties page here there should be an option here. 24 00:01:46,670 --> 00:01:48,150 Waves got I.D. here. 25 00:01:48,150 --> 00:01:54,380 So this is a programmatic I.D. We're going to click on this box here and just change it. 26 00:01:54,490 --> 00:01:59,970 Going to call it first name change that our type first name 27 00:02:07,160 --> 00:02:14,410 and when we use camel case which is the first letter will be a lowercase 28 00:02:17,350 --> 00:02:22,360 and then the first letter of the other word would be an upper case. 29 00:02:22,360 --> 00:02:22,660 All right. 30 00:02:22,720 --> 00:02:24,310 So I'm going to leave it like that 31 00:02:27,000 --> 00:02:31,770 this makes it easier to identify the box. 32 00:02:31,800 --> 00:02:37,590 All right so if I click on that again you can see the name should have changed to look at it it is changed 33 00:02:37,590 --> 00:02:41,960 to first name so I'll do the same with the second box. 34 00:02:41,970 --> 00:02:43,050 Click on it. 35 00:02:43,050 --> 00:02:50,100 Notice this says text box to ask her right down to the end to the programmatic idea here. 36 00:02:50,100 --> 00:02:51,090 Click on that. 37 00:02:51,090 --> 00:02:54,750 Get rid of text 2 and do the same. 38 00:02:54,750 --> 00:03:02,490 I use a camel case camel case means the first letter is a lowercase last name. 39 00:03:03,740 --> 00:03:04,200 All right. 40 00:03:04,230 --> 00:03:06,450 So we changed that for that. 41 00:03:06,450 --> 00:03:10,240 If I click on that first box says first name. 42 00:03:10,470 --> 00:03:12,360 Second one says last name. 43 00:03:12,360 --> 00:03:15,030 Great. 44 00:03:15,030 --> 00:03:20,960 Also take note that there's no spaces between the names so notice this last name. 45 00:03:20,960 --> 00:03:23,020 Here there is no spaces. 46 00:03:23,310 --> 00:03:25,230 So with the camel case. 47 00:03:25,230 --> 00:03:29,520 Make sure are no spaces between last and the name. 48 00:03:30,060 --> 00:03:39,450 Next we are going to change the text for the button control so click on the button here and in the properties 49 00:03:39,450 --> 00:03:41,160 window here waistcoat button. 50 00:03:41,180 --> 00:03:45,340 I'll just change that and just typing the word. 51 00:03:45,370 --> 00:03:51,710 OK so that will not become an OK button say that it's printed there. 52 00:03:52,320 --> 00:03:52,640 Right. 53 00:03:52,660 --> 00:03:57,750 So we've got the text for our controls changed. 54 00:03:58,190 --> 00:04:07,680 I am going to make some changes to the button control so I changed the text but I didn't change the 55 00:04:07,690 --> 00:04:11,000 I.D. So notice the idea here is to show in button. 56 00:04:11,010 --> 00:04:12,840 So I'm gonna turn 1 or swap around. 57 00:04:12,860 --> 00:04:18,210 I'm gonna call this I'm gonna just call it O K button 58 00:04:21,020 --> 00:04:27,300 lowercase which is a calm case all right. 59 00:04:27,420 --> 00:04:30,330 And then I'm going to go to the text. 60 00:04:30,360 --> 00:04:36,010 The button should have a text in the text file screwed. 61 00:04:36,010 --> 00:04:38,520 True there should be a text. 62 00:04:38,520 --> 00:04:40,320 So this is a text for the button. 63 00:04:40,330 --> 00:04:43,560 So I'm gonna change that. 64 00:04:43,560 --> 00:04:45,450 I'm going to type. 65 00:04:45,720 --> 00:04:46,530 Click me 66 00:04:55,980 --> 00:04:57,640 click me please. 67 00:04:57,650 --> 00:05:00,230 All right so that's gonna be this text for the button. 68 00:05:00,420 --> 00:05:08,610 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 69 00:05:08,610 --> 00:05:11,920 I.D. okay button body text is different. 70 00:05:12,010 --> 00:05:19,590 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 71 00:05:19,590 --> 00:05:30,870 gonna scroll down to the programmatic I.D. which is this one here and changes to result on the camel 72 00:05:30,870 --> 00:05:32,880 case results 73 00:05:37,470 --> 00:05:37,960 all right. 74 00:05:38,010 --> 00:05:42,450 I just see results and I just typing label. 75 00:05:42,880 --> 00:05:52,050 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. 76 00:05:52,050 --> 00:05:53,950 I'm going to remove that. 77 00:05:54,060 --> 00:05:57,660 So let's scroll down and look for the text. 78 00:05:57,690 --> 00:05:58,340 This label. 79 00:05:58,350 --> 00:06:00,970 I'm going to remove that so that it is blank. 80 00:06:01,040 --> 00:06:06,140 I just highlighted text and just get rid of it. 81 00:06:07,670 --> 00:06:14,640 So if you go back now you shouldn't see the text for that should be gone. 82 00:06:16,020 --> 00:06:16,740 All right. 83 00:06:16,790 --> 00:06:18,030 Well done so far. 84 00:06:18,050 --> 00:06:22,160 If you have got where we are. 85 00:06:22,370 --> 00:06:26,030 I am going to stop this lecture. 86 00:06:26,030 --> 00:06:36,320 Here is gone on a bit long and in the next lecture we are going to start right in the C sharp code that 87 00:06:36,320 --> 00:06:41,120 will determine the behavior of the page. 88 00:06:41,120 --> 00:06:42,860 Thanks so much for watching. 89 00:06:42,920 --> 00:06:43,680 Bye for now.