Hello, in this video I will continue continue talking about the layout component. In this video I will talk about two more our component and this is the most important two components you will use a lot during developing the ETF application. So first one is a Bennett group layout and second one is a spacer when it grumbly out is a component is used if you want to grow multiple component and put it in a horizontally beside each other all vertically under each other. Let's give you an example. So let's create a new tab here and add some text it will take us and see how some intermediate component and see how we can organize this component using bending group layout. For any ADF Baron component, it's better to have only one component for each node here as you can see for each one has only one if you try to add any other component here as a two for one, this is not very fair, you should put it in the bundle group.

If you have don't like this sometimes it causes some issue so it's better if you have two components in one beer and you should add it in the bundle group. So first let us create Yep, okay I can see when it grew to it. In this I need to add for example, like a title here in the phrases, I would just, I would take is one of the if component you will use a lot So with tickets, I can see this is my title. Okay, let's just have a look here. As you can see, in the fourth tab, there are only two squads This is my title, if you want to make this title in the middle here, how you will do do that. Men globally, it will let you know if you make this title in the middle, or in the left or in the right.

So let's have a look in this how it will look like. So this I would put tickets should be bought of their benefit group. So you have to right click surround with banner, group layout. This is the banner group layout. So banner group layout is a component which lets you decide the child uses component to be where exactly so you can see here alignment horizontal alignment you can make it is a center so that it sits to the center okay and immediate because it is horizontally make it horizontal like like this okay let's see if and see how the title will appear now as you can see now your title in the middle if you add any other component here, so for example if you want to add like a link Okay, this is just a link I see here for example, look how it how it looks like you You will find this the thickest and the link is straightaway beside it.

But if you want to make this out layout as like a bottom of this title instead of horizontal to be vertical, so you can easily just select this and make it do it vertical. So we're gonna have a look here. You finally it is a vertical. Okay? So let's now make it horizontal again. And see so now as a group layout, we let you know if you want to add the component in the same line or horizontally or in a vertical way but as you can see here in it like a space between these two components, so he's earns a component called space or this space or you can add between components here called space or okay so here I need to add after this component here in between both of them pozos as a space of so you can select the component and see after this I need a spacer so the spacer will be between these two component and you can decide what height or what width you want, because of this is horizontal so we talk about the width.

So if I say here 50 big cell width between this tool so We'll find here the spacer will make a 50 pixel space between the two component if you want to add this in the right hand side here, as I said the panel group layout instead of center here you can select right okay. So in the right hand side here, you will find become in the right side. So you can control your if component a horizontal or vertically or in left or center or right using a banner group, so you will use banner group and space a lot, too. Adjust your component in the Page Layout This is Benny guru layout and the spacer. Nick is the video because our components so see you next video.