Dashboard > Knowledge Base > ... > Confluence > How to Add a Navigation Page Tree to the Space Baby Growth Chart | Bing's Space | Bing's Blog | Photo Album
  Knowledge Base Log In   View a printable version of the current page.  
  How to Add a Navigation Page Tree to the Space

This is the home page for the Knowledge Base space.

Added by Bing Zou, last edited by Bing Zou on Sep 17, 2007  (view change)
Labels: 

Article Rating?

Change the Page Layout for the space

  1. Go to Space Admin page and click on "Layout" on the left menu
  2. Click "Create Custom" for "Page Layout"
  3. Create a new table wrapping around the top level <table> element
  4. Add a <tr> with two <td> elements for this new table
  5. Make sure the original top level is wrapped inside the second <td> if you want a left hand side navigation tree
  6. Change the first <td> to use width="20%"
  7. Add #includePage($helper.spaceKey "Home") inside the first <td> element
  8. Don't forgot the </td> </tr> and </table> at the end of the file
  9. Make sure you have "Ajax Page Tree" plugin installed in Confluence
  10. Modify the Home page of the space and add
    {pagetree}
    to the content

It looks something like the screen shot below

The final result will be something like this

Awesome! Bing. I've been looking for a solution like this for a while now. Thanks for providing.

You wrote this in 2007, so am unsure if would still be valid for Confluence in 2009, e.g. v3

Anyway I tried it and its almost working, but not quite. Can you shed any light? TIA

I create a new space using default theme. Then do as suggested above. However item 7 doesnt appear to work - tried different syntax. Item 8 am unsure what you mean by end of file, do you mean the last 3 items in the open custom page layout editor.

I tried putting this immediately after the ### GENERAL PAGE DECOARTING BEGINS part
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="20%">
#includePage($helper.spaceKey "Home")
</td>
<td valign="top" width="80%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

and then put </td> </tr> </table> as the last line in the page layout edit window.

As above it doesnt create a space on the side of the Window, but if I change the
#includePage($helper.spaceKey "Home")
above to
#includePage($helper.spaceKey() "Home")
which know must be wrong because Confluence gives me a page not found error.

However, but doing this I can see a 20% left hand space created in the Confluence window which is what I want to see, i.e. like your 'final result' example page above.

Now do you have any idea how I can get the Confluence space pagetree to appear in this 20% space on every page viewed, i.e. so the user always knows where they are in the wiki?

If I put

in the body of the page, it works. However I want this
Unknown macro: {page}
tree to appear in the 20% window as you have shown above as 'final result'

Thanks

Posted by Anonymous at Jul 09, 2009 12:49 | Reply To This
This site is powered by a free Atlassian Confluence Personal Server License. Evaluate Confluence for your organisation or read more about Confluence licensing here.
Powered by Atlassian Confluence, the Enterprise Wiki. (Version: 2.5.6 Build:#812 Aug 06, 2007) - Bug/feature request - Contact Administrators
Wanna try out Confluence? Follow the step by step tutorial or Download the Confluence Virtual Machine with 2-minute setup