UI Styleguide - iFrame? Frameset?

[kayla block]

I'm trying to create a UI style guide using Confluence.

I have a list of things (buttons, data grids, text fields, etc), and when the user clicks on a link, I want that list of things to still show, and show samples and drilled down information to the right.

The answer would seem to be an iFrame or even an old fashioned Frameset, but I don't see any way to get my links to behave in that way.

I don't see any versioning information on our instance of Confluence, but we recently upgraded, so it's probably close to the latest or the latest.

[SarahA · Accepted solution]

Hallo kblock

Would the Documentation theme work for you? It shows a tree of pages in a panel on the left.

You could create a page for each item in your list. People could then navigate through the list by choosing the items in the left-hand panel.

If you wanted to, you could them also use a Children macro (or a Pagetree macro) on the top-level pages, showing the hierarchy on the body of the page as well as in the left-hand panel. This could be a useful way of showing the doc structure in PDF and printed versions of the documentation.

You can see the Documentation theme at work in this space:

https://confluence.atlassian.com/display/CONF43/Confluence+Documentation+Home

Here's a guide to configuring the Documentation theme:

https://confluence.atlassian.com/display/CONF43/Configuring+the+Documentation+Theme

I hope this answers the question.

Cheers, Sarah

[kayla block]

Hi Sarah

Based on what I'm looking at, I think we're already using that Documentation theme. But the left nav is being used.

I don't have Admin rights. Can I create a left nav for a particular space? And if not, can it be done with admin perms in a way that doesn't change the left nav in all spaces?

[SarahA]

Hallo kblock

You do need space admin permissions to configure the left-hand nav. (Not Confluence admin, just space admin.) And yes, it's possible to change the config for just one space. You can even have sections, perhaps with the global navigation options at the top, and space-specific navigation options underneath. By default, the Documentation theme adds a tree of pages just from the current space.

Cheers, Sarah