1

00:00:00,720 --> 00:00:02,250

Well, hello, dear friends.



2

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

So in this lesson, we're going to design our review chart screen with Kudi creator.



3

00:00:08,640 --> 00:00:09,780

So let's dig right in.



4

00:00:12,500 --> 00:00:16,250

So we're going to go to forms and add the chart that we need.



5

00:00:17,590 --> 00:00:26,320

So main window and name it charts now our window is here, so let's remove the menu bar.



6

00:00:27,910 --> 00:00:37,900

So now this will need to widget's, which are the show us the two charts and they will be laid out into



7

00:00:37,900 --> 00:00:38,680

a grid layout.



8

00:00:39,160 --> 00:00:41,980

We'll need a back button for going back to the main menu.



9

00:00:42,610 --> 00:00:45,460

So type widget here and put it in here.



10

00:00:49,690 --> 00:00:50,800

Yeah, let's make this bigger.



11

00:00:52,170 --> 00:01:00,420

OK, let's extend this here, because when we want to see this second, the other one can enter the



12

00:01:00,420 --> 00:01:01,200

first widget.



13

00:01:02,530 --> 00:01:04,450

So when I copy and paste the values.



14

00:01:06,150 --> 00:01:06,480

All right.



15

00:01:06,630 --> 00:01:07,800

Let's put in a back button.



16

00:01:14,480 --> 00:01:15,410

Type back.



17

00:01:28,250 --> 00:01:33,860

We'll need the button to be just a little smaller, we can press a horizontal spacer and actually we



18

00:01:33,860 --> 00:01:35,480

can resize these and.



19

00:01:39,300 --> 00:01:40,320

Layout in a grid.



20

00:01:46,870 --> 00:01:47,770

All right, so that's good.



21

00:01:50,160 --> 00:01:55,980

So now let's go to the widget, because we can see the first widget has a smaller height than the second



22

00:01:55,980 --> 00:01:56,700

one looks like.



23

00:01:57,330 --> 00:01:57,930

So.



24

00:02:02,170 --> 00:02:08,110

Let's go to the central widget and make sure to set layout columns, stretch to one, one and one.



25

00:02:15,200 --> 00:02:21,800

Or maybe it would be a better idea to first line this in a grid and then lay out in a grid.



26

00:02:21,920 --> 00:02:22,130

Right.



27

00:02:42,280 --> 00:02:49,570

So now for the central widget will need the first row to take most of the space, so let's call it 10.



28

00:02:50,410 --> 00:02:52,780

And the second row, which has a back button.



29

00:02:53,310 --> 00:02:56,710

Well, let's just make it 20.



30

00:02:57,550 --> 00:02:59,200

When we resizes back button.



31

00:03:01,090 --> 00:03:06,550

So, of course, it still plays a little role, but it isn't take up as much space.



32

00:03:06,850 --> 00:03:07,720

All right, so that's good.



33

00:03:09,250 --> 00:03:10,870

So that's it for the charge slam.



34

00:03:13,120 --> 00:03:19,180

Yeah, so in this lesson, we have designed our view chart screen with Kudi Kreator in the next lesson,



35

00:03:19,180 --> 00:03:22,960

we're going to continue to design our program, so I'll see in the next lesson.



36

00:03:23,050 --> 00:03:24,340

Until then, have a great day.