This shot shows our main welcome page. The three and two letter codes at the top right are links to our main processes (QMS, SM, GE, BACs, VE, etc.) Each such code displays its complete process name upon a rollover. For example, if you roll over "EI", it shows a small yellow rectangle reading "Engineering". (See the second illustration below).
On the right of the page is a menu to all the documents in the process that you are currently seeing. Currently, as we are in the welcome page, the menu displayed contains the system documents.
The top menu of process links is set up in the ProjectForum administration pages, key pages tab. If your pages are named with colons, like ours, then you may need to use raw addresses in the address field, rather than the page name, like this:
Getting back to the main page, if we click on the PM link, we go to the Project Management Process page, and it looks as follows (two shots because it didn't fit in one):
Note that the top still shows the same menu of processes. But the right hand side now shows a different menu: the menu of documents that belong to the Project Management Process.
The first two letters of any page describe the type of document that it is: "DP:" means Process Description. "PG:", Procedure; "IT", Instruction, "Nav", Navigation, etc.
The right hand menus are all "included" pages. To illustrate, here is the edit form of the engineering page (without the WYSIWIG editor):
Looking at the wiki code:
The [Nav:start] and [Nav:end] wiki tags create the right sidebar, and the [include:Nav Ingeniería] displays the Engineering Navigation page in that sidebar.
The [image:3132540] shows the flow diagram that you saw above.
The rest of the code is for the table displayed after the diagram.
The Nav pages are the indices where we create new pages. Here is the "Nav Projects" page when it is not included in another. We use CSS (very lightly) with ProjectForum's "custom themes" feature to format it to display it in the right sidebar. If you'd like to learn how to do that, there is an explanation here: http://demo.projectforum.com/support/2624 (towards the end of the page in a comment dated Nov 23, 2008).
PF has a few templates available here: http://www.projectforum.com/themes/ , but we created our own Custom Theme using these zipped files:
This zip file contains:
To install these, create a Custom Theme in PF based on the Standard theme. Then open each of the two text files with a simple text editor, copy all the contents of each, and paste to the proper fields into your new PF Custom_Theme, as shown here, overwriting anything previously there. The Extra_Head_Tags_Stylesheet contains a special stylesheet for printing that excludes navigation menus and displays urls next to link texts. We used it instead of the print_stylesheet box in the PF Custom Theme form because that box would not allow us the degree of control we needed.
The zip contains gif images for the buttons for the upper right commands (edit, post, home and help). Replace the theme's default buttons with these files. You may also want to upload a "hub-logo_1.gif" file, which displays in the upper left corner of the theme, and the "pffooter.gif" file, which displays at the bottom of the page.
Our CustomLinks are set up as follows:
You should enter these to take full advantage of the CSS. Most of them are "wrappers" that make a portion of the wiki content display in a special way. For example, to create a right-floating navigation menu, you create a bulleted list and wrap it between "[nav:start]" and "[nav:end]". "[nbsp:]" adds a blank line between numbered list lines.