Hello, last video, I'll show you how you can split your page using a component called one splitter. In this video I will give you another example for how you can use a binary splitter. So, let us first clean the page like this and now it is again empty ah so now if if you want to redesign your visually I would like if you want this top part here of the beach to write some tickets. After that you want to split the second board into two board like department and Emily so your page should be divided by three boards. One is a two part here, and the second one is to birth horizontally. So first we should split our page to birth video.
To one up and one down and in that one section, I will add another splitter to divide it to one left and one right. let's implement this and see how it will looks like. Now this is our body the whitespace. So I to insert the abandoned splitter, you have two options. You can open the component ban ballot as I show you a last video and you can drag it here in the body or in the structure which you should always use it while design your page because it is more clearly to know what is a component inside the beach. So I have now been activated and somebody I need to insert inside the body, a Benelli splitter.
So you can right click Insert inside, insert inside faces body if faces component, okay, so it will open all components. You can search for a split ribbon the splitter here and the bass Okay, okay. So, this bundle splitter as I said by default it is splits the page horizontal. So, you need to change it to be in a signal for that I need to be vertical up and out. So, in the Bertie you'll find orientation here it is horizontal you should select as a vertical submissions you developer you have to write it in the expression builder exists on the right here vertical should be has a green point like this it means you change the birth. So, now, the first part will be the top here and the second one will be about as I said before in the business position will be the size of the first bar.
So, 200 is Okay, in the second one, I need to add another band splitter. So right click Insert inside interfaces banner splitter okay first and second this band splitter I need 400 okay as a width so this is should have some tickets and in the second board I divided it into a nozzle left and right so, the first one I need to add the department and second I need to add okay. So, in for the department here I would add is the first year if and in the second I will add the detail of the movie. Okay, here I need just add like some title some tickers, some in Biggest like search like whatever you want to add, you can just add here it if it is components or another component called output tickets, this object is just if you want to display some tickets okay.
So this is example okay this run and see how it will looks like as you can see here, the top one is this example to test and after that is a second abort is left and right, this is too high. Okay, so, let's This is the first one. Okay? Instead of 200 I can make it maybe 80 Okay, I will save it. And this is and this is is maybe 500 So, okay, so it is come like this left and right and as you can see here, you can collapse the height part and the left part if you want to make the height is a fix it is the top one is a fixed height, you don't want to use or to collapse it. As I said last video, you can in this board I can select here disabled through or is not working like this.
So let's just write it here through and we can make it more I think it's the I need to keep the coal up so in the second one, so now you can see the height one is not collapsible. And in the other side, we divided right and left with a department and in We must start at this is a bundle splitter. Now you can easily split your page as you want