FrontPage Collapsible Outlines

Tree Outlines (IE Only)

First thing to note. This is a very easy way to create a "tree" menu, but it is not functional in NN. Be sure if you use it, to provide a separate page, without IE only components for your visitors.

Create your list

Create your list, including the heading as the first item.

• FrontPage Tutorials
• Getting Started
• Choosing and Using a Theme
• Customize a Theme
• Navigation View
• Tasks
• Shared Borders
• Editing Shared Borders
• Forms FP Extensions
• Reports
• Frames
• Publishing Your Web
• Maintenance

Indent the list items

Now, highlight all of the links, but not the heading, and click the indent button (on your tool bar) twice.

Turn on collapsible outlines

This is now what you have. It's beginning to look like it may turn into a collapsible tree, isn't it?

Now we can use FP features to create our IE only collapsible menu.

Right click on the list heading, in our example FrontPage Tutorials. Choose List Properties.

At this point it is important to remember. One step at a time! Don't try to skip steps, you will be quickly disappointed.

Check the box in the lower left corner, "Enable Collapsible Outlines." This will activate the other box, "Initially Collapsed," check it also.

I like to underline the text on my heading, just to make sure visitors realize it will lead to more. (The underline is the universal indicator for a link on the net.)

Preview your page

Well, you have a collapsible list, just that quick and easy! Preview your page with the preview tab to see it working!

Remove the bullet from the heading

If you prefer not to have the bullet on your heading, take these steps. Again, don't get into a hurry. (Remember though, many elements will not view just right with the preview tab.)

1. Right click on your heading again. This time choose List Item Properties.
2. Click on the Style button.
3. When the next dialog box pops up, click the Format button.
4. Select Numbering.
5. Click on the Plain Bullets tab.
6. You will now see the same 4 bullet options as you did when you first chose List Item Properties.
7. Select the pane without bullets.
8. Click OK, on all of the open dialog boxes.

You might think about keeping the bullet on your heading. A tiny tree, or folder would be excellent images to use.