1
00:00:01,300 --> 00:00:08,230
Hello in the studio, we are going to implement pagination, so pagination is graphic on multiple pages.

2
00:00:09,010 --> 00:00:10,420
Let's say, for displaying some content.

3
00:00:10,430 --> 00:00:14,820
Sophea on eBay, for example, search for peaceful scroll right down to the bottom.

4
00:00:14,830 --> 00:00:16,780
We got a bunch of items scrolling.

5
00:00:18,490 --> 00:00:22,730
We got this basically allows us to go to the next page of items.

6
00:00:23,230 --> 00:00:29,310
If you have multiple items on display in a lot of content, don't display all on the same page.

7
00:00:29,420 --> 00:00:34,450
Now, this is a good way to limited one it could find with two, depending on what sort of device he

8
00:00:34,450 --> 00:00:40,260
may be slow on day one if they do have good Internet and frase just a better user experience.

9
00:00:40,350 --> 00:00:46,150
This is a great way of doing a lot of websites use this, so that's what we're going to be implemented.

10
00:00:46,180 --> 00:00:51,070
So what people are saying is this isn't showing you how to create something like eBay where you've got

11
00:00:51,070 --> 00:00:52,450
the backend loading stuff.

12
00:00:52,600 --> 00:00:55,870
That's backend code that you would link with something like your python.

13
00:00:56,050 --> 00:00:59,740
But this is literally just the front end of how it looks.

14
00:01:00,160 --> 00:01:01,270
So to implement.

15
00:01:01,300 --> 00:01:03,440
It's pretty simple now.

16
00:01:04,180 --> 00:01:09,910
And I've got a separate video covering NEBs in general, so I recommend they check that out.

17
00:01:09,960 --> 00:01:15,490
This will have an area label, this page navigation.

18
00:01:16,060 --> 00:01:19,720
Lampl spelled example correctly.

19
00:01:26,920 --> 00:01:36,550
OK, now we're going to put on the list and this is going to have a class of drumroll, please.

20
00:01:38,650 --> 00:01:47,710
OK, so now we're going to have a list item and here we're going to have a half of a dash item.

21
00:01:50,990 --> 00:02:03,380
And we're going to have a of class Hadash laid to rest equals Hirsche area Dutch Naval

22
00:02:06,270 --> 00:02:09,440
Clevis, and you'll see what they say.

23
00:02:09,450 --> 00:02:13,850
This is basically the satellite back, Carol, that you get like that, for example.

24
00:02:13,940 --> 00:02:18,290
It looks a lot different in the building, in this one making you the the one if you want to create

25
00:02:18,290 --> 00:02:18,950
your own image.

26
00:02:19,520 --> 00:02:22,730
I come from online mouflon totally up to you.

27
00:02:23,630 --> 00:02:28,730
And I'm going to have a SP1

28
00:02:33,890 --> 00:02:35,070
in the area.

29
00:02:35,090 --> 00:02:44,880
That's what this needs to be within the first open tag area to us folks.

30
00:02:45,370 --> 00:02:48,360
Sorry to interrupt.

31
00:02:49,580 --> 00:02:58,000
Concerned with that, we go emberson a you go on.

32
00:03:01,150 --> 00:03:06,520
And the control of the page items, so I'll copy this saves and time.

33
00:03:08,890 --> 00:03:09,480
Uh.

34
00:03:12,480 --> 00:03:24,720
We're going to put in here all along just for this Putin and Khattak, and this is going to have a wealth

35
00:03:24,810 --> 00:03:32,300
of Fage that took a hit with.

36
00:03:40,770 --> 00:03:54,490
The clothes and worn and the number one can duplicate this week to see what they referred to in a second,

37
00:03:54,500 --> 00:03:57,510
you may already have guessed if you are fantastic.

38
00:03:57,930 --> 00:03:58,550
Don't worry.

39
00:03:58,550 --> 00:04:02,870
You will pick it up in a moment and we'll need one of these at the end.

40
00:04:03,380 --> 00:04:08,180
The only difference with this one, instead of saying previous, I'm going to say next.

41
00:04:08,660 --> 00:04:16,010
And instead of Al, which is left, I'm going to have right now should be able to reload.

42
00:04:16,040 --> 00:04:16,660
We get this.

43
00:04:17,000 --> 00:04:17,900
This is what we get.

44
00:04:17,960 --> 00:04:19,700
Obviously, you can position however you want.

45
00:04:19,950 --> 00:04:25,700
I will provide a link to the Pagination website where you can see different ways of doing this sizing

46
00:04:25,700 --> 00:04:27,170
alignment, all the stuff.

47
00:04:27,330 --> 00:04:29,490
But let me show you how to make one of them active.

48
00:04:29,510 --> 00:04:34,520
So imagine if we're on page two, for example, of our eBay website search.

49
00:04:34,820 --> 00:04:36,500
What you do is go to your page item.

50
00:04:37,450 --> 00:04:42,200
Obviously, you do this automatically in code depending on which one is selected.

51
00:04:42,200 --> 00:04:43,550
But that's that's what you would add.

52
00:04:43,760 --> 00:04:44,210
That's it.

53
00:04:44,420 --> 00:04:45,410
That's all there is to it.

54
00:04:45,590 --> 00:04:47,810
The only question is probably a method.

55
00:04:47,810 --> 00:04:51,320
And as usual, I look forward to seeing you the next video.