1 00:00:00,450 --> 00:00:02,310 That is generated, but what are you going to do? 2 00:00:02,700 --> 00:00:07,710 We are going to target our button elements if we just take a look at that app again. 3 00:00:08,340 --> 00:00:11,100 So we are having another property interrupting action. 4 00:00:11,910 --> 00:00:13,340 But now if I just head back. 5 00:00:15,150 --> 00:00:15,750 Password. 6 00:00:15,760 --> 00:00:22,440 So we have added HTML to a code, but there's one more piece that we actually forgot to add, and that 7 00:00:22,440 --> 00:00:23,760 is going to be a gendered button. 8 00:00:24,300 --> 00:00:28,920 So let's just after our group is getting closed. 9 00:00:29,280 --> 00:00:35,280 We are supposed to make another button, so let's make up another button and this button is going to 10 00:00:35,280 --> 00:00:37,680 have a class name of equal to. 11 00:00:39,610 --> 00:00:40,270 Generator. 12 00:00:42,430 --> 00:00:47,490 And a school meeting, and now this again is going to have on his property, but will be adding it later 13 00:00:47,510 --> 00:00:47,680 on. 14 00:00:48,010 --> 00:00:53,500 And this is going to have generated new password. 15 00:00:58,190 --> 00:01:03,270 So, yeah, this is a one with class name, generate new password and application. 16 00:01:04,100 --> 00:01:05,360 So indeed it is. 17 00:01:06,020 --> 00:01:13,910 And now I'm getting out of my password parent container, so they're getting out of this particular 18 00:01:13,970 --> 00:01:14,570 container. 19 00:01:14,990 --> 00:01:17,240 No matter the password, they're going to target a button. 20 00:01:18,340 --> 00:01:19,900 So let's give it. 21 00:01:22,530 --> 00:01:28,980 And an important underscore between now, this button is going to hold up different properties. 22 00:01:29,310 --> 00:01:33,800 The first of them is going to have a background color, so give it a background color of then again, 23 00:01:33,810 --> 00:01:36,280 this is going to be equal to three three nine eight. 24 00:01:36,780 --> 00:01:39,900 Now, after this background, collaborating to do is that will give it a display. 25 00:01:40,110 --> 00:01:42,010 So a display of none. 26 00:01:43,450 --> 00:01:46,630 And after this display, we're going to give it a display. 27 00:01:48,250 --> 00:01:49,720 And I must say just different. 28 00:01:51,600 --> 00:01:56,280 But and then a display of luck. 29 00:01:58,790 --> 00:02:00,980 Now, let's hit save and viewer application. 30 00:02:01,520 --> 00:02:02,660 OK, so everything is fine. 31 00:02:04,390 --> 00:02:06,450 So we definitely see the background glass changed. 32 00:02:07,450 --> 00:02:09,070 OK, so let's head back. 33 00:02:09,990 --> 00:02:14,090 Knocker the display of black, what it is to do is that we do it of it. 34 00:02:15,040 --> 00:02:21,990 So let's talk about hundred percent, so 100 percent right now after this veteran to do is that will 35 00:02:21,990 --> 00:02:26,830 give it the padding of 10 pixels, so give it a padding of 10 pixels. 36 00:02:26,850 --> 00:02:29,710 Not that this particular padding is going to give it a color. 37 00:02:29,730 --> 00:02:34,860 So because it's going to be good ActionScript if, let's say, when we do our application. 38 00:02:36,470 --> 00:02:41,210 So, yeah, it's looking kind of nice now, head back now after this collaborative thing to do is that 39 00:02:41,210 --> 00:02:42,890 we'll do a different set of 17 fixes. 40 00:02:43,320 --> 00:02:45,470 So let me just put up a semicolon. 41 00:02:47,460 --> 00:02:48,630 He would have gone size. 42 00:02:50,510 --> 00:02:57,140 17 fixes, not for this particular font size, what I need to do is that will give it the course of 43 00:02:57,140 --> 00:02:58,760 point again, so give it a person. 44 00:03:00,460 --> 00:03:03,790 We don't know it's safe, and let's see an application. 45 00:03:05,120 --> 00:03:06,260 So we are having a pointer. 46 00:03:07,790 --> 00:03:09,470 So, all right, it's working fine now. 47 00:03:11,590 --> 00:03:14,380 Now, let's just head back into what it. 48 00:03:16,950 --> 00:03:22,110 Now, the next properties in our list is a firm group properties, so we'll be targeting our farm groups 49 00:03:22,110 --> 00:03:22,350 now. 50 00:03:22,920 --> 00:03:26,520 So if we just take a hit, save and take a look back at that application. 51 00:03:26,520 --> 00:03:27,750 So we're having this farm groups. 52 00:03:28,470 --> 00:03:31,230 So let's add property to a farm groups. 53 00:03:33,480 --> 00:03:37,410 Now, this is outside of every other container from group. 54 00:03:38,390 --> 00:03:40,340 Let me see if my spellings are correct. 55 00:03:41,310 --> 00:03:42,530 Yes, indeed it is. 56 00:03:42,920 --> 00:03:49,310 Now this one group is going to have different properties such as Display Flex because we wanted to flex 57 00:03:49,310 --> 00:03:52,610 not after this flexibility to justify content of. 58 00:03:53,740 --> 00:03:56,380 Space between not alone between. 59 00:03:58,700 --> 00:04:01,970 Now that City and their application. 60 00:04:03,340 --> 00:04:06,670 So, yeah, definitely they have as to toward the site and they they're having. 61 00:04:06,940 --> 00:04:13,000 And these are what's left now after the just and then what I want to do is that we are going to give 62 00:04:13,000 --> 00:04:16,900 them a color because the color is not visible at all. 63 00:04:16,900 --> 00:04:17,920 No need, apparently. 64 00:04:18,400 --> 00:04:20,440 So color of hashtag triple if. 65 00:04:21,630 --> 00:04:27,000 Now after the scanner, but it had to do is that they are going to give it a margin, so give it a. 66 00:04:28,680 --> 00:04:30,210 Margin top of. 67 00:04:32,290 --> 00:04:36,790 Let's give it a margin bottom, not top, so give it a margin bottom. 68 00:04:38,340 --> 00:04:40,770 Of five fixes. 69 00:04:42,330 --> 00:04:45,660 Now, the application yet has been applied. 70 00:04:45,930 --> 00:04:47,790 And if I just click on them, I can check them. 71 00:04:48,930 --> 00:04:52,980 But then again, these are of no use because you haven't added any methods into that application yet. 72 00:04:53,490 --> 00:04:55,170 So which you have to do? 73 00:04:56,800 --> 00:05:02,890 Now, after this head back into the application and after group for him to do is that we were targeting 74 00:05:02,890 --> 00:05:03,610 our input. 75 00:05:04,030 --> 00:05:07,900 So inside a fun group, we are going to have an input. 76 00:05:08,500 --> 00:05:09,880 So let me just. 77 00:05:11,950 --> 00:05:13,510 Scroll down a little bit. 78 00:05:13,990 --> 00:05:21,100 And after this margin, let's put up and put this in, input is supposed to be a type. 79 00:05:22,320 --> 00:05:22,800 No. 80 00:05:23,910 --> 00:05:26,520 So you're the type where it should be equal to. 81 00:05:29,700 --> 00:05:30,150 No. 82 00:05:33,920 --> 00:05:36,380 Now, this input is going to hold up a bit. 83 00:05:38,000 --> 00:05:43,730 So basically, if you're wondering what this input is about, so this input is the one that is going 84 00:05:43,730 --> 00:05:46,130 to specify the number or the length of our password. 85 00:05:46,670 --> 00:05:49,810 So this is the input with the I.D. number that we're targeting now. 86 00:05:50,930 --> 00:05:56,450 So head back into the authorized offices and we're going to give it a list of 40 pixels. 87 00:05:58,720 --> 00:06:01,150 Now, let's just take a look into what our production. 88 00:06:02,900 --> 00:06:08,120 So, yeah, definitely it has reduced to 40 now, head back now after this input, what I want to do 89 00:06:08,120 --> 00:06:10,050 is that we will be targeting a last update. 90 00:06:10,430 --> 00:06:15,950 So and then again and present and after them. 91 00:06:15,950 --> 00:06:23,900 But then we're going to have this and last of Typekit, which is going to be equal to a margin burden. 92 00:06:24,320 --> 00:06:29,560 So give it a margin bottom, which is going to be equal to 25 cents, let's say. 93 00:06:29,570 --> 00:06:30,770 And that's where application. 94 00:06:34,090 --> 00:06:40,990 Yeah, it has been applied now after the last step of auditing to do is that the bill giving it a label, 95 00:06:41,500 --> 00:06:43,150 so basically targeting a label now. 96 00:06:43,870 --> 00:06:47,710 So these labels are going to have, of course, a point on because they know we have our other labels. 97 00:06:47,710 --> 00:06:52,520 The one point us to occur soon after the labels user selects should be called. 98 00:06:53,050 --> 00:06:55,030 So we'll give it to users. 99 00:06:55,030 --> 00:06:58,360 Select should be able to and then it's safe. 100 00:06:58,360 --> 00:07:00,280 And let's viewer application. 101 00:07:04,610 --> 00:07:06,830 So we definitely see that they're getting a. 102 00:07:08,630 --> 00:07:10,460 Pointers and if I order them. 103 00:07:11,980 --> 00:07:13,330 So, yeah, it is working. 104 00:07:16,100 --> 00:07:18,350 Now, after this, what are you going to do is that. 105 00:07:20,480 --> 00:07:25,550 They're going to target other elements or under the label, so now we're pretty much completed having 106 00:07:25,550 --> 00:07:26,420 everything that we need. 107 00:07:26,900 --> 00:07:33,170 All that needs to be done after this is that we're going to add a different atmosphere icon in place 108 00:07:33,170 --> 00:07:34,310 of this word Kibo. 109 00:07:34,410 --> 00:07:35,480 So let's do it. 110 00:07:35,490 --> 00:07:38,180 And after this, we're going to have a method to our application.