Hello, let's now start for developments a transaction there are assign clause to teacher. So, this page I will exhibit they will have a teacher and I have a list of class or I can create a sign up class to the teacher. So, this is first to create like a teacher in the left hand side and the class in the right hand side was operation, delete, update, and insert and insert, update, delete and save and see how it will work. So, now, I will go for his teacher, loss to teacher. So, here in this page, I need to split it to the two part. So, I will add Ben the splitter Just a minute we can add a splitter or you can add Bennett group horizontal we can add a group horizontal to be two blocks horizontal but in the center's so I will add here as horizontal and I need to make it in the center okay.

Okay so what we anything we will edit here it would be in the center of the screen. So I need for us to add we have here teacher and here a T shirt losses So, we will select this as a table as I told you if it is a table I think it's better to add a bedding collection. So it does Then collection and inside the Hispanic collection, I will add a teacher table as a read only table. We don't need to make any update in the teacher just just to I did search this way enable sorting and filtering and single row so that it wants to use or select the teachers a traitor will set the row with the selected row. So, this is a teacher information here and after that I need to add a teacher classes. So I will add I was will be adding crudely our sorry bundle collection do collection and it is short clauses will be inside this panel collection.

Sorting filter but this will not be read only because we need to add the Class select the classroom. So, actually as you can see, the classroom is not list of value. See, we need here to the class to be like a list of value of the class, but actually this is not having this is why I will not drag it now, and they have to create list of value in this class because as you can see, the component will be in both tickets of value, the user should enter it this is not a correct thing. So, user first select the classroom from list of value. So, let us go to the teacher class attribute classroom and let's create the list of value the classroom. I will add here, the class it will read it from the classroom view and I will be the room number it will map to the classroom and I need to display the room number and grid numbers will pose so ns LC list value will display both of them and Chris okay so now it's back again and they need to Teacher Teacher losses this dragon teacher Colossus here as a table you will find now classroom is a list of select all the choice sorting filtering single row it will not be read only by the teacher foreign key can be booked tickets read only because we will not update the teacher from key but we just need to select the classroom we can add like special spacer between both of them In this class, we need to add a new row or delete.

So we need to add the all operation here. In the main collection I said in the faces there are secondary toolbar. I like to add on any action in on this secondary toolbar. So I will add here a toolbar and it says this toolbar I will drag from the teacher classes. This is a view which I work with operation. I said it's a drag the Create insert button.

I will drag delete. Bottom I will drag see when the rollback commit and roll back. Okay. As a standard euro application correct insert would be add and I will select the Add icons delete I will select the Delete icon Commit will be saved. And I will select Save rollback will be canceled. And I will select rollback icons.

Okay. And when this save we can remove the disable and cancel as well I think let's now try to run this page and see how it will looks like maybe we will need some change in the UI is a typical table width or the column width needs to be increased. So let's initially Have a look and after that we will make some small small changes in the UI Okay, as you can see here, because of the auto row height is is zero, the table will get zero depending on the number of rows. So we need to be is fix it. So I think we should make the both of them are has a fixed height plus here I need to increase maybe the classroom I need to increase the space or between two table I need to increase this table because we need a space or more than this rather than this table.

So let's do all this kind of small changes. So here I will increase the space between both of them as a width because this is also enter so we need to the width to be 30 we can say in this table. In appearance, I will stretch last corner to be stretched. I need The width of this to be with here to be maybe 800 pixel it's let's have a look how it looks like if it if it is it hundred pixel and this will be as well the street should last column to Mr. Richard let's see the latest make bows all too high to be minus one. Okay so this is looks fine, but we just need to make it maybe 700 and we need to create In a table as well here the hype come okay what we need to add a like a title here with this is a teacher and this teacher to last we can use a Bennett Bedell tab and not tab sorry we can use been in books but in books was a tighter teacher I will tell you why I use abandoned books.

He or he will add sorrow indoors when in books with a with tickets teacher glasses. Here's our option quotes to maximize you can see always This is a nice feature in better books. You can do it here as well. Show maximize always Are you just to even use an inhaler or you can use banner books was okay. But then it books has features that you can maximize the old bundle books and you can collapse or disclose it so we can just need to show disclosure make it false. We don't want you to collapse any saying so this is make it false.

It's false. Okay, so this now Okay, so as you can see here, the teacher classroom. This is a table. You here you can maximize the benefit As you can see here the teacher classes okay it looks okay I think we can just hear to reduce a little bit so with think make it 656 50 Okay, we can create a little bit this to be 50 Let's have a look how it looks like okay, if you can keep it like this Okay, so let's now try to add if you're selected here the master detail will be refreshed as you can see, so if you select teacher to Paris add teacher to come here as because the link will take the, the link between the brain murky here and here. And you just you can select what grid and what classroom you have and see if you select the other one.

See, now it has become more like a master detail. So now for the teacher to we add one clause so if we search now for a teacher, and see the detail was a teacher too, we should see this clause rule. We can display a grid as well here, but at least you'll find the row coming here. So this is How you can add some master detail is a table. If you want to delete you can delete if you want to add more, you can add more if the teacher can work in different different class room. So this is how it works.

So yes This speech is okay now let's start working in the next page. So see you next video