00:05
In this groov workshop I’ll show you how to create pages and categories and how to
00:09
navigate between them. I’m on demo.groov.com.  Now, if you haven't already been to the
00:17
demo.groov.com web site I strongly encourage you to check it  out, even as an example,
00:23
you'll notice thatUp here at the top is the PAGE LIST navigation icon.  When you create
00:29
a project in groov build, the page list icon is turned on by default. Under the page list
00:35
icon you can see both pages and categories.  The categories contain groups of pages and
00:41
are collapsible to keep your project nice and organized. The other way to navigate from
00:46
one page to another is by using … these… page navigation gadgets like we see here.
00:52
Now when it comes to laying out pages, it’s a good idea to try and have some consistency
00:57
from one page to another by including, for example, a link to the home page from the
01:02
other pages so you can always know where to look to find your way home. That's a pretty
01:07
handy  "best practice" for laying out your pages. So let's have a look at how you actually
01:13
build something like this in your groov project. Of course here in groov build initially you
01:19
don't have any pages at  all, so you're encouraged to add a page on down here with the Add Page
01:25
link. I'll go ahead and create one called "Home."  Notice that the category option
01:31
is "Uncategorized" by default and that's all we have right now for categories so let's
01:38
go ahead and add another category so you can see what that looks like. I'll call this one:
01:44
"Bottling Plant”. and let's add some pages under this bottling plant category. I'm going
01:50
to call it  "Line 1" … and then… “Line 2”.  Notice there's a few other options
01:58
for page permissions you can choose when you're adding a page.  Check out the groov workshop
02:03
video on page permissions for more info on this. Okay, now we have a couple of categories
02:09
and a few pages, notice that if you want to rename any of these you can just right click
02:14
on either the category or the page and it will let you rename it -- super easy. And,
02:18
I can just as easily rename this page to be what I actually meant it to be. And now, let's
02:20
add some links on the homepage to these other two pages like we saw on demo.groov.com.  Notice
02:27
when I add this page navigation gadget, I'm given two choices -- I can either put a web
02:33
page in here, for example to link to groov.com, or a groov page. Now if they're not showing
02:41
up, it could be that you just need to save and refresh because they don't always show
02:45
up instantly. So here I'm going to add "Line 1", then I'm going to add another one for
02:53
"Line 2" and then since this is the home page, I'll add a link maybe right here in the middle
03:00
that's going to take me to groov.com, because that's the best website ever. And notice I
03:06
can also have a label be something different than the URL that you get by default. So that's
03:10
really nice, and then also notice under "Configure" there's this project option where you can
03:15
either show the page list in groov view like we're seeing -- the  little navigation hamburger
03:21
in the upper left left corner -- or not. Let's have a look at what happens when we don't
03:26
include the page list. If I go to: File > Save all Changes and switch to groov view, I can
03:33
click on my "Line 1" but there's no way to get back, other than hitting the back arrow
03:39
in my browser. I can click "Line 2" but I don't yet have a "Home" link. Or I can click
03:46
on my link here. So that's one reason I normally wouldn't want to disable the page list here
03:52
because that can be pretty handy, and it really doesn't take up that much room. But it is
03:56
an option. So there you have it, I’ve shown you the basics of pages and categories and
04:02
how to navigate between them. for more tips and how-to videos be sure to visit groov.com.
04:08
Thanks for watching!
Up next
Autoplay