Adding pages and blocks

Now that you know what Pages and Blocks are, let's do something simple. Let's add a new page and then add one of Rock's built-in blocks to that new page.

TODO: This should be moved to the Admin Guide once it gets created. Also, create a video demo of this.

Step 1

Open your Rock ChMS website and login as an Administrator. You should see the admin toolbar in the bottom right corner of the page.

Step 2

Click the "Child Pages" icon () from the toolbar. This is how you add a new page to an existing page.

In the Child Pages popup select the Add button.

Step 3

Type "Hello World Page" for the name of your new page, then press the Add button.

Step 4

You should see your new page in the list of child pages. Press the Done button and then refresh the page in your browser.

Once you've refreshed the page in your browser you should see the new page listed in the menu.

Notice that you can't click on your new page to view it. This is because the default Rock menu uses a two level page structure to organize pages. The third level is a clickable/viewable page.

Let's move that new page underneath the Intranet -> Office Information menu structure.

Step 5 - Move the Page

Click the "Child Pages" icon in the toolbar again and then click the new Hello World Page. This will navigate to the page. Once on that page select the "Page Properties" icon () in the toolbar and in the window that pops up change the Parent Page to the one called "Office Information"

Press the Save button when finished and then refresh the page in your browser.

Step 6 - Add a Block to the Page.

Now let's add an HtmlContent block to the page. Click the Page Zones icon () from the toolbar. This will show you each Zone on the page that can hold Blocks.

Step 7

Find the zone with the name "Content" and hover over the slide-out and click on the Zone Blocks icon.

You will see a list (which will be empty) of Blocks that are in that zone.

Click the Add button.

Step 8

Name your block "HTML editor" and make sure that the Type is "HTML Content".

Press Save and then press Done.

Done!

Once the page is refreshed, you may not "see" the new block because it doesn't have any HTML content yet. Clicking the "Block Configuration" icon () from the toolbar will let you select the HTML block's edit feature so you can add some text.

Figure: The HTML Block has an edit feature which allows you to edit its HTML.