Everybody what's going on this is Caleb with slopes dot com and in this video we're going to build out
search Fisi.
Thankfully we've already got a head start which is fantastic but we're going to build it out.
Then we're going to connect the outlets to its subclass which we are also going to create.
So pull open your project and we are actually you know what we already have the search fetii subclassed
That's fantastic.
So you know what let's just get rid of the boilerplate code while we're in here.
Get rid of that comment that is not needed and then let's go ahead and head over to Main storyboard
and go down to versey.
Beautiful.
Now we're going to start by dragging on a table view which is nice because that makes this app pretty
easy to build or at least this interface and we're going to drag it here so that it is nicely space.
Let's go ahead and just snap it like that and we're going to pin it let's do eight from the top zero
from the left zero from the right and let's add those constraints.
Now it appeared that it was not registering the tab bar there but I just fixed it.
So pinnate 0 from the tab bar and there we go.
Now it's in place and now we just need to drag on a cell and we're actually going to make this maybe
80 high.
Let's let's go ahead and let's actually do that over here.
Make it 80 high.
Select the table view and set the row height to 80 as well.
That way it sets that and keeps it that way.
And I also said in the last video that we would be fixing this to look nicer so select the table view
go to the attributes inspector and the separator.
We're going to set to have no separator and selection set no selection because we don't actually need
the table view cells to select We just need the button to be selectable and for it to pop open the Safari
Web you controller which we're going to do in a video in the future.
So that is now fixed.
And in this table view we're also going to select the table view here.
We're going to set the separator to none and selection.
We are going to keep on and you'll see why.
So that's great.
Now what else do we need to do.
We have our table view we have our cell.
Yeah.
I mean let's connect our table view and let's call this video done.
We're going to move on to build out our search cell.
So open that Inspektor and go ahead and pull open search visi.
We're going to go ahead and right click and drag from the table view and drop an outlet called WIPs
table view like so and then go ahead and press return.
And guys that's that's it.
Search is done.
We just need a table view.
Super easy.
Well no that's a lie we're almost done.
We need to actually connect our search field as well.
So right click and drag and go ahead and call this search field.
Press Enter to connect it and we are good to go in the next video we're going to go ahead and build
out our search cell and see over there.
Let's go.