1 00:00:05,720 --> 00:00:11,030 Here even so in this video we are going to learn the widgets that are related with windows that do some 2 00:00:11,030 --> 00:00:12,230 changes in the windows. 3 00:00:13,010 --> 00:00:14,890 So we have four here. 4 00:00:14,930 --> 00:00:19,320 That is a frame top level list box and a message box. 5 00:00:19,370 --> 00:00:21,320 We will begin with the frame. 6 00:00:21,320 --> 00:00:21,640 So what. 7 00:00:21,650 --> 00:00:27,140 Actually a frame is visible if you'll notice the item then here we have different push on in the same 8 00:00:27,140 --> 00:00:27,520 window. 9 00:00:27,530 --> 00:00:29,930 Here we have this only one window. 10 00:00:29,930 --> 00:00:34,420 But if you notice here we have one portion where the objects are listed. 11 00:00:34,460 --> 00:00:38,070 Then here we have the second one where we are writing a code. 12 00:00:38,090 --> 00:00:47,510 Then the third one one so these are frames you can consider these as sub windows in our window we have 13 00:00:47,510 --> 00:00:53,510 some windows where you can add different commands and perform any particular task in each thing like 14 00:00:53,510 --> 00:00:59,420 this one is showing the these values or against a find that are in particular desktop. 15 00:00:59,480 --> 00:01:01,070 This one is for coding. 16 00:01:01,070 --> 00:01:03,000 This one is also for coding. 17 00:01:03,110 --> 00:01:07,970 Then also we have the bottom frame which is like all the terminals and all that things that are not 18 00:01:07,970 --> 00:01:09,100 working right now. 19 00:01:09,500 --> 00:01:14,450 But Steve now let me begin with creating a frame. 20 00:01:14,450 --> 00:01:18,640 So basically I will show you that how these things work. 21 00:01:18,650 --> 00:01:31,130 So first of all I'm going to create two frames a frame and a bottom frame or just frame two so frame 22 00:01:31,130 --> 00:01:34,530 first one to create any visit. 23 00:01:34,550 --> 00:01:43,510 Just try the widget name frame and in which window you require that sofa and just frame don't bank. 24 00:01:43,590 --> 00:01:45,620 Now before that. 25 00:01:45,620 --> 00:01:47,800 Let me create two also. 26 00:01:47,810 --> 00:01:59,600 This one is also a frame and also in window now frame to dot back and the prince's knife you run this 27 00:01:59,600 --> 00:02:02,500 one on the terminal 28 00:02:07,110 --> 00:02:15,780 really not get anything No me see that one day we have this window but this is very small we get that 29 00:02:15,780 --> 00:02:16,800 one but very small. 30 00:02:17,370 --> 00:02:21,900 So if you consider this window then we do not have anything at all. 31 00:02:21,900 --> 00:02:29,280 The reason for that is the frames are actually there but there's nothing in France someone who is familiar 32 00:02:29,280 --> 00:02:35,430 with the web development can also out for this one as the Division X in each Damn it by which you separate 33 00:02:35,430 --> 00:02:42,070 out page in two different parts until you do not enter anything the display page will be blank. 34 00:02:42,120 --> 00:02:45,050 So let me show you when you add something there. 35 00:02:45,240 --> 00:02:55,140 So let we have some buttons of red button denoting are denoted by ADP say this one beautiful t on and 36 00:02:55,140 --> 00:02:59,200 then provided this one a frame. 37 00:02:59,390 --> 00:03:09,140 So here I have written frame but actually how it classify button is are visible to button and they I 38 00:03:09,140 --> 00:03:15,880 just positive window but right now I'm not passing the window and passing a frame as I have told you 39 00:03:15,890 --> 00:03:21,210 you consider you can consider the frame as a sub window in which your data is going to end. 40 00:03:21,650 --> 00:03:30,920 So my this R B button is going to be in frame looking window and that frame is in window so here you'd 41 00:03:30,920 --> 00:03:36,110 need to add that in which frame you want while you're working on your application whenever you are required 42 00:03:36,110 --> 00:03:42,020 to add a button most of the time you are going to use frame not div windows because creating the buttons 43 00:03:42,020 --> 00:03:47,540 in windows is not much efficient as compared to this one by creating some particular frames and then 44 00:03:47,570 --> 00:03:48,910 adding the buttons in that. 45 00:03:50,150 --> 00:03:57,800 So be familiar with that one frame you are going to require this one and X2 is equal to 46 00:04:01,820 --> 00:04:12,850 after that the White f gs equal to red we had this and then I'll be back. 47 00:04:12,950 --> 00:04:22,460 But why this side is equal to left capital also provide this one decide equal to bottom a device David 48 00:04:22,490 --> 00:04:32,810 overlap each of the lyrical commands and if you know run this one you will get and edit the edit here 49 00:04:32,810 --> 00:04:43,730 is we have in total PCL and I will R B button they have some edit in this one text is equal to where 50 00:04:43,850 --> 00:04:44,180 F. 51 00:04:44,180 --> 00:04:52,060 Here we have it done by mistake F so sorry for that one this is f g so there we go with that gun now 52 00:04:52,060 --> 00:04:54,840 if you run that one you will get this. 53 00:04:55,570 --> 00:05:00,990 So here a radical a button the button with the red text here. 54 00:05:01,000 --> 00:05:02,860 This one is in frame fun. 55 00:05:03,520 --> 00:05:07,550 If I add an edit button here I want to see this one. 56 00:05:07,570 --> 00:05:13,030 Come on V here and name this one as Green Button JS the color into Green 57 00:05:15,870 --> 00:05:20,060 and this side that we have this one moto 58 00:05:24,210 --> 00:05:31,290 video and now this time I'm going to make this one in frame 2 in studio frame fun. 59 00:05:31,830 --> 00:05:41,250 So this one is now frame two and if I run this one now I go this way I read in Fremont and read in frame 60 00:05:41,270 --> 00:05:42,170 two. 61 00:05:42,270 --> 00:05:49,510 This one is something that seemed to me like simple buttons but you will understand this one in a while. 62 00:05:49,500 --> 00:06:00,350 Then I add more buttons in frame but like if I add more buttons in frame one say this one a blue button 63 00:06:01,530 --> 00:06:03,910 this on a black button. 64 00:06:06,870 --> 00:06:09,580 And change this in blue. 65 00:06:09,580 --> 00:06:20,630 This one also blue this one black. 66 00:06:20,810 --> 00:06:26,720 Also this frame is a little hard to understand while we are taking simple examples but I cannot take 67 00:06:26,900 --> 00:06:28,770 advanced examples here right now. 68 00:06:28,940 --> 00:06:33,050 But when we build any application you will understand this better. 69 00:06:33,260 --> 00:06:37,790 If I run this one now if you don't see this one here I have red button black button green button my 70 00:06:37,790 --> 00:06:44,430 blue is missing the why do we have blue button this as are going to be a b 71 00:06:48,030 --> 00:06:50,020 and that one again. 72 00:06:50,040 --> 00:06:51,970 There we go with three buttons. 73 00:06:52,000 --> 00:06:55,240 So here my first frame is defining these three. 74 00:06:55,250 --> 00:07:00,630 Now if you notice when I have done this thing they are separated. 75 00:07:00,730 --> 00:07:04,480 This is frame one and this is frame 2 in which I have only one button here. 76 00:07:04,480 --> 00:07:08,940 I have three buttons in frame so in a four frames. 77 00:07:08,940 --> 00:07:14,740 I'm not considering anything more because you will understand this one while we are going to work with 78 00:07:14,740 --> 00:07:20,250 this one with an application so that full frame until that. 79 00:07:20,790 --> 00:07:25,960 Now let me move to another that isn't on the list box. 80 00:07:26,080 --> 00:07:31,930 So list works is basically a window in which you will get different options out of it you can select 81 00:07:31,960 --> 00:07:42,390 any option and this one is very simple to create that we have l denoting list books or just L.B. then 82 00:07:42,690 --> 00:07:48,160 list books and provide the window now a list box is created. 83 00:07:48,390 --> 00:07:51,330 You just need to unpack that one. 84 00:07:52,650 --> 00:07:55,320 So L.B. do back. 85 00:07:55,400 --> 00:07:56,250 We go with it. 86 00:07:56,910 --> 00:08:06,090 Now you can add as many number or vacancy as many lists here as you want to by simply just L.B. not 87 00:08:06,180 --> 00:08:13,810 insert pencils in which plus past the number and then pass what you want to exit by. 88 00:08:14,760 --> 00:08:32,980 Then we have L.B. dot insert two comma and then in court C C copy to son we have this one three this 89 00:08:33,000 --> 00:08:46,380 one for and this one says C++ this one say Jake worry and you can add as a number of this day you want 90 00:08:46,380 --> 00:08:49,710 to say this one Ruby and if I've done this one 91 00:08:52,860 --> 00:08:55,800 you will get this list books. 92 00:08:55,920 --> 00:08:56,620 As you can see. 93 00:08:56,640 --> 00:09:03,990 This one is a separate box with these vendors out of it you can select any value here you cannot select 94 00:09:03,990 --> 00:09:05,520 more than one value at a time. 95 00:09:06,620 --> 00:09:08,680 But you can go for any value you want them. 96 00:09:10,690 --> 00:09:11,970 So enough about this one. 97 00:09:11,980 --> 00:09:17,490 This one is a just little topic again two small topics we left here. 98 00:09:17,490 --> 00:09:21,070 No that is top level and message books. 99 00:09:21,070 --> 00:09:25,510 They are completely weighted with the window box like top level. 100 00:09:25,520 --> 00:09:32,560 If I have this one right now here then the atom is dope on this one right now. 101 00:09:32,620 --> 00:09:35,410 The terminal is on top of the atom. 102 00:09:35,410 --> 00:09:38,260 So this is what actually top level is. 103 00:09:38,260 --> 00:09:40,430 Let me show you that one with an example. 104 00:09:40,630 --> 00:09:57,750 If I have a window with title say first day we have this one then I have the equal to top level. 105 00:09:57,750 --> 00:10:03,790 I have added the rigid treadmill and just top dot data. 106 00:10:03,810 --> 00:10:09,360 This method is actually used to add these windows on the top of one another. 107 00:10:09,390 --> 00:10:12,690 See this one second. 108 00:10:12,840 --> 00:10:20,640 No you did not reply to any pecking and pecking order just come on us and run that one here. 109 00:10:20,640 --> 00:10:21,450 There we go. 110 00:10:22,080 --> 00:10:23,490 So here we have first. 111 00:10:23,790 --> 00:10:27,050 And then on top we have second. 112 00:10:27,060 --> 00:10:31,700 So this is how you can create multiple windows on the top and on the second. 113 00:10:33,030 --> 00:10:36,270 So this is the top level. 114 00:10:36,270 --> 00:10:43,500 Another small topic a message box like some time and you click something there will be a palpable message 115 00:10:43,800 --> 00:10:49,710 showing any foreign or showing any particular option that is known as a message box. 116 00:10:49,710 --> 00:10:54,420 And that is also very simple to create but for that one you are required to import 117 00:10:57,050 --> 00:10:58,610 message box from into. 118 00:10:58,700 --> 00:11:07,510 So from opting to import message books we have imported everything prompting them. 119 00:11:07,640 --> 00:11:13,550 But without this one you will get added because you need to set some time you need to separately import 120 00:11:13,550 --> 00:11:16,290 values in that one. 121 00:11:16,320 --> 00:11:17,490 Now let's begin. 122 00:11:17,790 --> 00:11:25,870 First of all I have a button that is beautiful to end on clicking which you will get a popup. 123 00:11:26,250 --> 00:11:40,630 And this one is in Windows text saying popup after that then a command of any function say hello. 124 00:11:41,950 --> 00:11:47,030 And now define this Hello Function. 125 00:11:47,770 --> 00:11:50,350 Until now we do not have added the message books. 126 00:11:50,350 --> 00:11:52,030 We will do that and right now. 127 00:11:52,690 --> 00:11:58,390 So how to add a message books just message books. 128 00:11:58,390 --> 00:12:07,180 This is the only widget in which you use small and not capital and then after that one note. 129 00:12:07,230 --> 00:12:09,920 Now what information you need to show there. 130 00:12:10,030 --> 00:12:11,420 So show in full. 131 00:12:11,640 --> 00:12:15,810 In that one we have two barometers here. 132 00:12:17,190 --> 00:12:24,510 So you know the parameter to values here first one from Vega you need to show like from computer 133 00:12:28,410 --> 00:12:36,170 then what do you want to see like Hey there do we have this one. 134 00:12:36,170 --> 00:12:38,480 Now just be the back 135 00:12:41,180 --> 00:12:43,720 commanders and run this man. 136 00:12:43,760 --> 00:12:44,270 There we go. 137 00:12:44,270 --> 00:12:45,860 It does pop a button. 138 00:12:45,870 --> 00:12:50,990 Now when you click this one you will get a popup message here and this one is from computer. 139 00:12:51,170 --> 00:12:55,350 As you can see this one title here and the messages hit the. 140 00:12:55,390 --> 00:12:56,810 So this is a message book. 141 00:12:57,060 --> 00:12:58,750 You will also need this one. 142 00:12:58,840 --> 00:13:06,040 This is an important digit so in the fourth window type of widgets we will continue in the next video. 143 00:13:06,040 --> 00:13:06,730 Thanks for watching.