1
00:00:00.06 --> 00:00:02.02
- [Instructor] When it comes
to setting up interactions

2
00:00:02.02 --> 00:00:04.04
for an entire site,
it's going to take time,

3
00:00:04.04 --> 00:00:05.09
but there's a couple of
little tricks that you can do.

4
00:00:05.09 --> 00:00:08.00
So, I'm going to go into
Prototype right here,

5
00:00:08.00 --> 00:00:10.07
and we can see some of these
interactions already set up.

6
00:00:10.07 --> 00:00:13.01
So, I already have Peaks going here,

7
00:00:13.01 --> 00:00:16.07
right, I have this Hikers
going to the Hikers page,

8
00:00:16.07 --> 00:00:20.03
and then Peaks will go
back to the Peaks page.

9
00:00:20.03 --> 00:00:21.04
So what I want to do, is I want

10
00:00:21.04 --> 00:00:23.08
to do the same thing down
here, so I can actually select

11
00:00:23.08 --> 00:00:26.08
Hikers, and what I can do is I can copy

12
00:00:26.08 --> 00:00:30.08
this Hikers button, go
down here to Hikers,

13
00:00:30.08 --> 00:00:32.09
do a right-click, and track a paste,

14
00:00:32.09 --> 00:00:35.00
but check this out, I
can Paste Interaction.

15
00:00:35.00 --> 00:00:37.08
So, that's the interaction
I want, pasting it there.

16
00:00:37.08 --> 00:00:39.08
What about for Peaks, same thing.

17
00:00:39.08 --> 00:00:42.07
Copying it, coming down here to Peaks,

18
00:00:42.07 --> 00:00:44.08
and then Pasting Interaction.

19
00:00:44.08 --> 00:00:47.01
Same thing for this button right here.

20
00:00:47.01 --> 00:00:52.06
I want to copy it, and
then paste the interaction.

21
00:00:52.06 --> 00:00:54.07
So, now I have that set up for one,

22
00:00:54.07 --> 00:00:56.04
two, three, of these items.

23
00:00:56.04 --> 00:00:59.04
And I can do Roots later, I'm
not going to worry about it now.

24
00:00:59.04 --> 00:01:01.09
I can do the same thing
for all these pages,

25
00:01:01.09 --> 00:01:03.03
but here's this little shortcut,

26
00:01:03.03 --> 00:01:08.04
because I can actually select
each one of these three,

27
00:01:08.04 --> 00:01:12.07
and copy them, and then
go to these other pages.

28
00:01:12.07 --> 00:01:16.02
In this case, I actually want
to delete these other items,

29
00:01:16.02 --> 00:01:18.04
but when I do a paste, it's going to

30
00:01:18.04 --> 00:01:20.05
paste with those interactions.

31
00:01:20.05 --> 00:01:23.05
So that's typically what
I do in this scenario,

32
00:01:23.05 --> 00:01:27.02
is potentially I have to
go in and just continually

33
00:01:27.02 --> 00:01:32.04
hit Paste to make sure all
of that content is linked up,

34
00:01:32.04 --> 00:01:33.04
like I'm doing now.

35
00:01:33.04 --> 00:01:36.07
In this case, I have to
do this about eight times,

36
00:01:36.07 --> 00:01:40.03
but it's just a matter of
deleting and selecting Paste,

37
00:01:40.03 --> 00:01:43.00
so it doesn't take that long.

38
00:01:43.00 --> 00:01:45.09
Okay, so I have everything linked back.

39
00:01:45.09 --> 00:01:47.08
In fact, what you can
do is you can just do

40
00:01:47.08 --> 00:01:51.04
a Select All, and you'll
see everything linking,

41
00:01:51.04 --> 00:01:53.08
but not quite everything is linking up,

42
00:01:53.08 --> 00:01:55.09
because quite frankly, how do you even get

43
00:01:55.09 --> 00:01:57.04
to this Bierstadt page?

44
00:01:57.04 --> 00:02:00.04
We get to it from this item happens

45
00:02:00.04 --> 00:02:01.04
to be a repeat grid.

46
00:02:01.04 --> 00:02:04.08
So, even for a repeat
grid, I can select this

47
00:02:04.08 --> 00:02:07.04
by double-clicking on it,
select this individual element,

48
00:02:07.04 --> 00:02:10.03
point down to this Bierstadt right here.

49
00:02:10.03 --> 00:02:12.03
And in this case, we're just going to do

50
00:02:12.03 --> 00:02:16.09
a fancy Slide Left, is what
I'm going to do in this case.

51
00:02:16.09 --> 00:02:20.01
And that's going to do it
over .8 seconds, alright?

52
00:02:20.01 --> 00:02:21.07
So that's what I'm doing in this case.

53
00:02:21.07 --> 00:02:23.00
This is going to come here.

54
00:02:23.00 --> 00:02:25.06
Now, what's going to
happen even when I want

55
00:02:25.06 --> 00:02:28.05
it to go back, sure, I
already have that linked up,

56
00:02:28.05 --> 00:02:30.06
but another option that you can do

57
00:02:30.06 --> 00:02:32.05
is if you click on it,
you could always say,

58
00:02:32.05 --> 00:02:35.08
you know what, regardless
of where you came from,

59
00:02:35.08 --> 00:02:38.09
go back to the previous art board, okay?

60
00:02:38.09 --> 00:02:41.01
Which, it's already set up that way,

61
00:02:41.01 --> 00:02:43.03
but you can always
select Previous Art Board

62
00:02:43.03 --> 00:02:47.00
if you got to Peaks from
multiple places, okay?

63
00:02:47.00 --> 00:02:50.01
So, or, got to the Bierstadt
page from multiple places.

64
00:02:50.01 --> 00:02:52.02
Alright, with that being
said, I would just link up

65
00:02:52.02 --> 00:02:54.00
these other ones, just double-clicking,

66
00:02:54.00 --> 00:02:55.05
pointing right down here.

67
00:02:55.05 --> 00:02:58.06
Sure enough, Slide Left, it's
going to point to that one.

68
00:02:58.06 --> 00:03:00.03
Always is going to remember your settings,

69
00:03:00.03 --> 00:03:01.09
and it's just a matter of pointing

70
00:03:01.09 --> 00:03:05.06
to those pages as I zoom out, I can start

71
00:03:05.06 --> 00:03:11.01
to see everything a little better.

72
00:03:11.01 --> 00:03:13.09
Grays Peak looks good.

73
00:03:13.09 --> 00:03:16.04
Longs Peak, double clicking on that one,

74
00:03:16.04 --> 00:03:19.06
pointing to that page, you get the idea.

75
00:03:19.06 --> 00:03:24.06
Maroon bells, pointing to that.

76
00:03:24.06 --> 00:03:30.03
Pikes Peak, and all I'm
doing a double-click.

77
00:03:30.03 --> 00:03:32.02
There you are, and the next step

78
00:03:32.02 --> 00:03:35.05
is to figure out how
you can get to content

79
00:03:35.05 --> 00:03:37.02
that might be off of the screen,

80
00:03:37.02 --> 00:03:39.01
but that is what I will cover next.