1

00:00:00,540 --> 00:00:01,410

Hello, my friends.



2

00:00:02,130 --> 00:00:07,380

So in this lesson, we are going to design our ad leave screen with curity creator.



3

00:00:07,560 --> 00:00:08,280

Let's get to it.



4

00:00:10,010 --> 00:00:12,770

So let's go to edit and choose forms.



5

00:00:14,410 --> 00:00:16,840

And then add new UI designer.



6

00:00:16,930 --> 00:00:19,570

And in this case, we want to choose a dialogue.



7

00:00:21,130 --> 00:00:25,720

So here we have three options for dialogue with buttons at the bottom.



8

00:00:26,170 --> 00:00:29,980

Dialogue with buttons, write and dialogue without buttons.



9

00:00:31,180 --> 00:00:32,290

Go ahead and choose.



10

00:00:33,010 --> 00:00:37,300

Rename it to maybe add, leave and finish.



11

00:00:43,370 --> 00:00:49,400

Snowing here, all we need to do is put in the labels and the line edits corresponding to the information



12

00:00:49,400 --> 00:00:50,000

from the table.



13

00:00:50,900 --> 00:00:54,050

So let's put in some labels with the help of our buddy.



14

00:00:54,080 --> 00:00:54,950

Copy and paste.



15

00:01:05,510 --> 00:01:09,920

And we need the date start time and time.



16

00:01:10,670 --> 00:01:11,630

Leave, period.



17

00:01:12,670 --> 00:01:14,140

Excuse, maybe.



18

00:01:14,440 --> 00:01:14,950

OK.



19

00:01:17,550 --> 00:01:19,770

And the line edit for each of these items.



20

00:01:28,830 --> 00:01:31,650

But really, what are they?



21

00:01:31,710 --> 00:01:38,190

Yeah, maybe something tricky because we're going to click a button and then a new dialogue will appear



22

00:01:38,190 --> 00:01:42,060

which will have a calendar widget to be shown.



23

00:01:43,140 --> 00:01:49,980

For that, we're going to place a button, which is a tool button again, because it's easier to place



24

00:01:49,980 --> 00:01:53,190

an icon and send the text to an empty string.



25

00:01:54,630 --> 00:01:59,040

Well, arrange them a bit, because we're going to place them in a column layout.



26

00:02:13,280 --> 00:02:16,760

OK, so select the model and lay them out.



27

00:02:17,900 --> 00:02:19,100

She was formally out.



28

00:02:20,990 --> 00:02:23,660

Now, one other thing is a button.



29

00:02:25,320 --> 00:02:28,950

And again, it's a button so that we can save all this information.



30

00:02:29,250 --> 00:02:34,260

So for that, we're going to put in two horizontal spacers, one on the left and one on the right.



31

00:02:35,730 --> 00:02:43,410

And now we can align all these in agreement, actually, we will raise them up to the full.



32

00:02:43,920 --> 00:02:46,530

So we don't have any other columns created.



33

00:02:47,490 --> 00:02:49,440

All right, so now layout in a grid.



34

00:02:51,850 --> 00:02:55,330

OK, and we should probably have the same spacing between these.



35

00:02:59,280 --> 00:03:01,860

And we'll probably need some margins for this.



36

00:03:02,610 --> 00:03:04,710

So let's go to our form layout.



37

00:03:06,110 --> 00:03:11,030

And we'll make it 10, 10 on the top again and then on the bottom, right.



38

00:03:12,280 --> 00:03:13,120

And sure enough.



39

00:03:19,400 --> 00:03:25,100

Here, too, we could go probably to 20, and that looks good for me.



40

00:03:25,130 --> 00:03:27,830

Maybe not for you, but I'm going to leave it there.



41

00:03:29,750 --> 00:03:34,550

Now, all you have to do is rename each of these labels because we're going to access them.



42

00:03:36,440 --> 00:03:39,710

So why don't we name the label for what they do?



43

00:03:39,980 --> 00:03:40,400

OK.



44

00:03:54,940 --> 00:03:58,900

So the line edit, which, of course, is the most important part.



45

00:03:59,170 --> 00:04:00,910

We'll also rename that.



46

00:04:11,970 --> 00:04:13,620

And the save button.



47

00:04:19,470 --> 00:04:23,670

OK, so let's go back and have a look and then get duplicated.



48

00:04:23,710 --> 00:04:25,350

No, that's good.



49

00:04:27,210 --> 00:04:29,880

So that's it here.



50

00:04:29,880 --> 00:04:33,450

We now have designed our new employee screen with Kudi creator.



51

00:04:34,380 --> 00:04:37,410

So in our next lesson, we're going to keep coding.



52

00:04:38,810 --> 00:04:39,980

I'll see you in the next video.



53

00:04:40,250 --> 00:04:41,450

Until then, have a great day.