1

00:00:00,660 --> 00:00:01,620

Well, hello, friends.



2

00:00:02,490 --> 00:00:08,790

So if you've come back, that means that you want to try our design and our new employee screen with



3

00:00:08,790 --> 00:00:12,570

Cuty creator Sorano, we just dive right in.



4

00:00:14,310 --> 00:00:20,610

So on the screen, when we click this new button, we should be prompted with a new dialogue.



5

00:00:21,780 --> 00:00:24,990

So why don't we just go to edit, then choose forms?



6

00:00:26,220 --> 00:00:29,460

And after that, just add new UI designer.



7

00:00:29,790 --> 00:00:32,280

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



8

00:00:33,780 --> 00:00:39,780

So we have three options here in this dialogue with buttons at the bottom, dialogue with buttons,



9

00:00:39,780 --> 00:00:41,850

write and dialogue without buttons.



10

00:00:43,110 --> 00:00:46,250

Go ahead and choose it and rename it to.



11

00:00:46,290 --> 00:00:46,590

I don't know.



12

00:00:46,590 --> 00:00:48,150

Let's call it new employee.



13

00:00:55,870 --> 00:01:05,350

And finish now in here, all we need to do is put the labels in and the line edits corresponding to



14

00:01:05,350 --> 00:01:07,120

the information from the table.



15

00:01:09,590 --> 00:01:13,880

So let's go ahead and put in some labels with the help of a copy and paste.



16

00:01:20,380 --> 00:01:29,470

So we need the first name, last name, department position.



17

00:01:30,910 --> 00:01:31,690

I.D..



18

00:01:34,050 --> 00:01:35,730

OK, so.



19

00:01:37,720 --> 00:01:40,390

Let's remember the line edit for each of these items.



20

00:01:48,530 --> 00:01:54,530

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



21

00:02:00,910 --> 00:02:01,600

OK.



22

00:02:02,680 --> 00:02:07,000

Select the model and lay them out.



23

00:02:07,990 --> 00:02:09,460

Now, choose form layout.



24

00:02:16,110 --> 00:02:17,970

So let's name the label.



25

00:02:19,680 --> 00:02:20,550

What did they do?



26

00:02:36,080 --> 00:02:40,910

And the line edit, which is pretty much the most important part.



27

00:02:41,240 --> 00:02:42,920

So we'll also need to rename that.



28

00:02:52,250 --> 00:02:56,000

All right, let's go back and double check, see if any names have been duplicated.



29

00:02:57,020 --> 00:02:59,270

All right, so everything seems to be OK.



30

00:03:02,370 --> 00:03:04,320

One other thing that we need is a button.



31

00:03:06,650 --> 00:03:14,390

And we'll use the button for saving so you don't what I'm just going to show you what happens if we



32

00:03:14,390 --> 00:03:23,000

lay out all of these in a grid right now so you can see the buttons stretches to the edges of the window,



33

00:03:23,040 --> 00:03:24,680

and we don't really want that.



34

00:03:38,580 --> 00:03:44,730

For that, what we're going to do is put two horizontal spacers, one to the left, one on the right.



35

00:03:55,580 --> 00:04:03,530

Let's go to our form layout left margin maybe 10, 10 on the top and then on the bottom right.



36

00:04:13,590 --> 00:04:16,740

And we can actually put more, maybe 20.



37

00:04:19,540 --> 00:04:22,570

It'll stay that way for me if you want to.



38

00:04:22,590 --> 00:04:26,280

You can change it, but all right, looks good.



39

00:04:26,280 --> 00:04:30,390

So we have now designed our new employee screen with Kudi creator.



40

00:04:32,100 --> 00:04:36,930

In our next lesson, we're going to code in our program, so I'll see in the next one.



41

00:04:37,230 --> 00:04:37,650

All right.



42

00:04:37,680 --> 00:04:38,850

Have a great day until then.