Changing Themes
Asked by Alexandra Wayne:

Hi there - I am trying to create a table of contents within a page so it can quickly scroll the page down to the part people need. I would like this TOC to be on left side bar where the page tree is.

Does someone know how to do this? I was just made space admin and tried to go to Look and Feel to change the theme. It does not display any themes though when I load 'choose a theme'.

It says I need to configure to the documentation theme but nothing is listed.


Answers:
author: Alexandra Wayne
body: when I add the TOC to the sidebar it shows up all the time - not when you are on the specific page you are trying to list a TOC for. It also does not link to anything. It is just text that you cannot click on.


author: Max Foerster - K15t
body: I forgot to mention on option, you can customize the sidebar in your space. Have a look at the documentation please.

You can just add {toc} to the sidebar in the look and feel settings for your space

[Configure the Sidebar](https://confluence.atlassian.com/doc/configure-the-sidebar-317194694.html)

And the built in macro offers, as you already figured out, some customization settings and also supports a CSS class name for customization.

comments: author: Alexandra Wayne
body: Nothing in there says how to make your TOC in the sidebar link you gave me. Can you help guide me?

If I just have the TOC on the page itself can you tell me how to make it look nicer? Right now I have it at the top part of the page which looks better than it going to vertically down the page. Any tricks to save space on the page and make it look nice would be appreciated!

changing colors, bolding, formatting tricks?


author: Max Foerster - K15t
body: Hey Alexandra,

indeed it does. It speaks about adding macros to the sidebar to further customize it. It's far from perfect but at least worth a try. As said just add {toc} in the space settings -\> look \& feel -\> sidebar. You can even further add more detailed settings to {toc} to only show a specific heading level. Everything you normally can configure in the macro.

![2018-02-01_08h00_06.png](https://community.atlassian.com/t5/image/serverpage/image-id/13745i8FB80BA5BFCD5C78/image-dimensions/459x287?v=v2 "2018-02-01_08h00_06.png")

On the page itself you can make use of CSS (in the macro settings at the bottom) to define your own layout of the TOC if you want. Not sure if there are any apps available to deliver some better, haven't looked into it yet.


author: Alexandra Wayne
body: I also wanted to find out how to add the Deck of cards add on. I cannot find it in the macros either.

comments: author: Max Foerster - K15t
body: Do you mean the Composition Tabs and Page Layout app by Servicerocket with the Deck and Card macro? If you can't find it, please ask an administrator of your instance if it is installed and made available


author: Alexandra Wayne
body: Is there a way to make the TOC more attractive? Right now I have it at the top part of the page which looks better than it going to vertically down the page. Any tricks to save space on the page and make it look nice would be appreciated!![Screen Shot 2018-01-31 at 1.36.19 PM.png](https://community.atlassian.com/t5/image/serverpage/image-id/13720i0E6ACC50F092E25B/image-size/large?v=v2&px=999 "Screen Shot 2018-01-31 at 1.36.19 PM.png")


author: Max Foerster - K15t
body: Hi Alexandra,

sorry to say but what you want to achieve is not possible with standard tools Confluence is delivered with. The TOC macro belongs on the page you inserted it. That's a big deal of customization which for example can be achieved with Scroll Viewport.

Best,

Max


Tags: custom-field

side-bar