1 00:00:00,510 --> 00:00:00,820 All right. 2 00:00:00,840 --> 00:00:02,400 Hello, dear friends, you're back. 3 00:00:03,030 --> 00:00:08,970 So that means that you want to design our manage employee leave screen with Kudi creator. 4 00:00:09,700 --> 00:00:10,500 Well, we'll get started. 5 00:00:10,510 --> 00:00:11,400 I'll show you how to do it. 6 00:00:12,870 --> 00:00:17,280 So we'll go to edit forms and add a new UI item. 7 00:00:18,300 --> 00:00:21,120 Choose main windows should travell. 8 00:00:21,120 --> 00:00:25,000 It's named to manage employee leave. 9 00:00:25,770 --> 00:00:26,190 OK. 10 00:00:33,400 --> 00:00:38,650 So now this window will show up when we click the edit button from the Manege employee menu. 11 00:00:40,390 --> 00:00:46,330 Now we could probably resize this a bit and remove the menu bar and the status bar. 12 00:00:46,750 --> 00:00:47,770 Who needs those anyway? 13 00:00:48,910 --> 00:00:49,540 OK, good. 14 00:00:50,290 --> 00:00:54,670 So now we're going to need to button so that we can go back and create a new employee. 15 00:00:54,700 --> 00:00:55,060 Right. 16 00:00:55,960 --> 00:00:57,820 So why don't we just change these button names? 17 00:00:59,080 --> 00:01:02,470 Their names are now new button and show button. 18 00:01:04,960 --> 00:01:10,030 So we should add some space in order to align all these buttons on the right. 19 00:01:12,680 --> 00:01:14,450 And choose horizontal spacer. 20 00:01:15,510 --> 00:01:19,140 And keep the buttons right here and move this base like that. 21 00:01:20,360 --> 00:01:27,860 Now we can select all these items and right click layout and choose layout in a grid. 22 00:01:28,960 --> 00:01:32,110 Maybe we could also align them horizontally. 23 00:01:32,770 --> 00:01:35,350 But again, I just like the grid layout more. 24 00:01:36,610 --> 00:01:37,300 You know why? 25 00:01:38,450 --> 00:01:42,470 Sometimes I come back in here and just stretch the the column. 26 00:01:42,890 --> 00:01:47,210 So until we get all that sorted, I'm just going to keep it like this. 27 00:01:49,390 --> 00:01:52,840 And that's what we're going to do right now, so let's. 28 00:01:54,250 --> 00:02:00,400 All right, let's go to the new table, just table and make sure to use the table with it because the 29 00:02:00,400 --> 00:02:04,300 table view is something else which uses a model. 30 00:02:04,570 --> 00:02:05,930 We're not going to work with that right now. 31 00:02:05,950 --> 00:02:06,820 Like I told you. 32 00:02:08,120 --> 00:02:09,770 But let's lengthen them a bit. 33 00:02:12,990 --> 00:02:15,480 And we'll also have some filters for this table. 34 00:02:16,720 --> 00:02:23,410 For example, if we have a starting time, will have a search options with some filters appearing here. 35 00:02:24,560 --> 00:02:26,220 So let's choose a button for this. 36 00:02:28,230 --> 00:02:29,850 But for what? 37 00:02:30,390 --> 00:02:30,690 Hmm. 38 00:02:30,990 --> 00:02:38,040 OK, so what they would want to do right is something tricky because we're going to click a button and 39 00:02:38,040 --> 00:02:41,730 then a new dialogue, and then that's going to have a calendar widget to be shot. 40 00:02:41,740 --> 00:02:42,030 Right. 41 00:02:42,540 --> 00:02:44,820 So we're going to need to place a button. 42 00:02:46,780 --> 00:02:47,560 Which is a tool. 43 00:02:47,680 --> 00:02:47,980 Right. 44 00:02:48,010 --> 00:02:52,420 It's a tool button, again, because it's easier to place an icon. 45 00:02:54,390 --> 00:03:02,340 So in other spacer, OK, maybe let's make it smaller and select them both layout in grid. 46 00:03:06,150 --> 00:03:09,150 And we can resize a grid, so it occupies a main window. 47 00:03:11,520 --> 00:03:12,360 OK, cool. 48 00:03:15,050 --> 00:03:22,430 That was his table also because, well, you already know that if we would right click now and lay out 49 00:03:22,430 --> 00:03:23,390 in a grid. 50 00:03:24,320 --> 00:03:26,120 All right, let's see how that looks. 51 00:03:27,380 --> 00:03:31,160 So go to tools formatted and preview resize. 52 00:03:32,380 --> 00:03:34,060 And now it's pretty good to. 53 00:03:35,390 --> 00:03:38,570 So you can see again at the table gets resized, but the buttons don't. 54 00:03:39,600 --> 00:03:41,580 This button also doesn't get resized. 55 00:03:43,180 --> 00:03:46,090 So now we can close all this and rename the layouts. 56 00:03:47,260 --> 00:03:50,050 And we can say that this is the upper grid layout. 57 00:03:58,590 --> 00:04:03,390 Bottom grid layout, and we can probably leave the other ones like this because we're not going to use 58 00:04:03,390 --> 00:04:03,570 them. 59 00:04:09,500 --> 00:04:13,220 And what about the medium size and maximum size for the window? 60 00:04:13,970 --> 00:04:14,120 Yeah. 61 00:04:14,250 --> 00:04:18,200 No need for that either, because screen size is just fine. 62 00:04:20,160 --> 00:04:23,580 So let's break this layout and we'll put this table right here. 63 00:04:41,740 --> 00:04:45,940 So we just show you a label which will show this start date. 64 00:04:46,570 --> 00:04:51,850 And let's get to a toolbox so this toolbox which can receive a date. 65 00:04:57,440 --> 00:05:03,960 So for all employee leave information, we need the information that we're going to store, right. 66 00:05:03,980 --> 00:05:05,480 And that is the start date. 67 00:05:07,560 --> 00:05:09,870 OK, so this is the start date. 68 00:05:11,780 --> 00:05:15,050 And let's add another label and name it. 69 00:05:15,410 --> 00:05:16,550 Leave info. 70 00:05:24,790 --> 00:05:26,590 And that's right click. 71 00:05:28,190 --> 00:05:32,120 Layout in a grid, but you can see that with a grid layout. 72 00:05:44,620 --> 00:05:47,710 All right, so that looks better in my opinion. 73 00:05:49,510 --> 00:05:50,590 All right, so that's it. 74 00:05:51,340 --> 00:05:54,940 We've designed our manage employees screen with Kudi Kreator. 75 00:05:56,350 --> 00:06:00,040 So next time, we're going to continue to design our program. 76 00:06:01,170 --> 00:06:03,210 And until then, I want you to have a nice day. 77 00:06:04,080 --> 00:06:05,310 I'll see you in the next video.