Hello So after we finished the old look of speech Let's now move to the search page we will start with search teachers. So search will search which you need if is simple and easy no need for any code. We just need to create a view criteria which will be used for a search we actually create this view criteria oil. configuring the view object if you remember here in the viewport area, we call it a search teacher view criteria which have some attributes which we can use for searching. So now this view criteria will be available inside the view object here in the name decorator you will find here see the search teacher. So in the search teacher beach here, what we can do simply is drag this criteria to the body here.
As a query, if query, Bennett was tabled, this would create a query panel velocity will as a result, if you select query button only it will display only the query but there is no table for the result. So you can select a UDF query panel with table this is the table in the result we can enable sorting filtering okay single row and press OK. So now let's have a look in there search teacher how it looks like it had been a vertical says it's been a vertical tourists query, the teacher and this is that he would this no just run the page like this. So making anything of course we need to enhance the beach. layout and interface but I just want to show you without making any think what the page will looks like okay. So, as you can see here, there is a field which we decide to see what we can search for here with the research you will find the result coming here.
So, what actually thing is we can try to do here is we can try to make this in maybe is a 123456. So, it means a three column, each column has a row so that we can give a space here. Second, we can add like a Bennett collection as we as I said, with this threshold, we can stretch the address. We can remove this if you want to receive search. So, let's make some few things like this. So to that ranges this field search field here, what you can do, you can select Save query here and appearance you will find here throws and the maximum column.
So I see we need only two rows and maximum columns can be three. So it should be like six fields. 123456 is six field. So now this is how to arrange this, if you want to remove the Save, save query mode this if you want, we don't want it now, so we can just make a tie hidden. Okay, if you want to remove this advance search, you can you can find here a mood change if it's a well you can set forth but we can keep South bonds. I wish What is this advance?
This is a search thickest, okay so this looks okay. Second thing we can do is we can write this as a stretch width if you want to make it with more width. And as I said you can boost this insight bender collection as I told you the table prefer to be inside panel collection and we can see as well is rich with Okay, so because of you at the table and said bensel Bennett collections a query. Here's a result component which can see now this it can see the result ID because it is now beside better connection so you can re point to the table again. This is how the Relation between a query and the table come from. So we can select it like this, this is the result of the component in a query to boyens a query to as a result of the table, you can select the table ID here is a result component ID, so that the result of this query will appear in this table.
So, now let us make maybe teacher address which is this ID, I see four as a stretchable. So I will go for the appearance, column stretch, and I will select this as a spiritual teacher name, I can increase the width. I think you now know how to do all these kinds of things. If you want to add a initial column here, with with 14 and the row hidden through two displays next year, our clear filter icons Okay, so let's now try to refresh the page and see how it looks like. Now it looks much better you have here the table you have the collection you have some some fancy booty moves to save. Now we have the fields in three columns.
So if you search for teacher three, you will get search two yes there is no three is one. Okay you can reset to get it all and search okay there is no three I become one. So, you can search for anything if you want to search by main search you will get the old me he may search with a few Okay you can reset and search to get a good What is that once I once it will give you more option like I said by default each ID is equal if you want to make like this then between if you want me Date of Birth not equal if you want to be in between, so it will open from an to date it is like advanced option you can add you can add some more fields what actually I add all fields so there is no hidden fields because if there is no hidden fields you can add in hidden fields.
So, here's the Advanced Mode module give you more options for searching. You can to back it into a basic what we need to do here we need to add the exported data to excel blast we need splays account or search because in the search we care about how many role will be coming or returning from Going one more thing we need to add to make change in this table as you can see here gender is m f is a value we need to display it as like male and female. I will show you how you can do this. Now. So, because the video that makes some enhancement exists, like adding support splay here, the male and the females introduces a value I need to split tickets. Last we need to add the count of this role.
So see you next video.