1
00:00:01,030 --> 00:00:05,470
Whenever we show a model to a user, there are usually three different ways that we want to allow a

2
00:00:05,470 --> 00:00:10,960
user to close it, and that's usually by clicking on the background, which we've done by clicking on

3
00:00:10,960 --> 00:00:13,660
a button down here to Twitter, which is not currently implemented.

4
00:00:13,660 --> 00:00:15,760
But it really depends upon the context of the model.

5
00:00:16,100 --> 00:00:21,610
And the third way that we usually allow a user to close or dismiss a model is by clicking a little close

6
00:00:21,610 --> 00:00:23,150
icon on the top right hand side.

7
00:00:23,800 --> 00:00:28,810
So in this example, I have added in a little icon, but right now, if we click on it, nothing actually

8
00:00:28,810 --> 00:00:29,290
happens.

9
00:00:29,900 --> 00:00:35,140
So let's make sure that whenever user clicks on that icon element, we actually close the model to do

10
00:00:35,140 --> 00:00:35,400
so.

11
00:00:35,410 --> 00:00:39,730
I recommend you take a look at the model file inside of here.

12
00:00:39,740 --> 00:00:42,330
You'll notice that there's a new element right here.

13
00:00:42,760 --> 00:00:47,710
That element is what is responsible for actually showing that little X right there to make sure that

14
00:00:47,710 --> 00:00:50,050
whenever user clicks on that thing, the model is closed.

15
00:00:50,940 --> 00:00:54,380
Go ahead and give this a shot and we'll go over our solution in just a moment.