Create a floating TOC for Confluence Cloud
Asked by Dipam Pala:

Hi,

I'm looking to create a floating table of contents for Confluence Cloud and was wondering if anyone's had any luck?

I can see previous questions and all solutions are for Server based install.

There are no Add-On's yet for Cloud for this either.

There is a TOC Macro which i've implemented, and there is a CSS section, and was wondering if I could use this section to enable it to be floating so when users scroll, the table scrolls with it.

Any help or insight would be appreciated.

Thanks in advance.

DP


Answers:
author: Michael Yang - Shinetech Software
body: [@Dipam Pala](/t5/user/viewprofilepage/user-id/3824637) We've release the cloud version of our floating table contents plugin. You can try if you were interested in. Not only the table of contents we provide more like allowing to add related links/pages in the floating sidebar.

[https://marketplace.atlassian.com/apps/1221271/easy-heading-macro-floating-table-of-contents?hosting=cloud\&tab=overview](https://marketplace.atlassian.com/apps/1221271/easy-heading-macro-floating-table-of-contents?hosting=cloud&tab=overview)


author: Ryan Wise
body: [@Dipam Pala](/t5/user/viewprofilepage/user-id/3824637) I believe the HTML and CSS macros inject their content into an iFrame. That's going to potentially create some limitations on what you're looking to do.


author: Hazwan Ariffin
body: Not possible in Confluence Cloud. To do this you would need a custom HTML and CSS feature.

CSS:

```
.fixedPosition { position: fixed;}
```

HTML

```
<script type="text/javascript">AJS.toInit(function(){ AJS.$('.fixedPosition').each(function(){  var clone = AJS.$(this).clone().css('visibility','hidden').removeClass('fixedPosition');  AJS.$(this).after(clone); });});</script>
```

but unfortunately, in Confluence cloud, there's no custom HTML and CSS feature.

comments: author: Dipam Pala
body: Thanks Hazwan,

Appreciate the feedback. I believe there's add-ons to have CSS an HTML features for Cloud, so will trial and test.

Thanks once again.


author: Shama Bhosale
body: [@Hazwan Ariffin](/t5/user/viewprofilepage/user-id/3822506) are you able to create floating TOC in the Cloud version?

If yes, could you please share detailed steps here?


author: Paul
body: I also want to understand if this possible on Confluence cloud


author: Charlie Graham
body: A floating table of contents on the right-hand-side of each page would be amazing. Did anyone find a way to do this?


author: Brad
body: [@Dipam Pala](/t5/user/viewprofilepage/user-id/3824637) please reply back with an update


author: Emiliano Nicolas Romero
body: Was there an update on this topic?


author: Dom
body: Yeah, likewise - we'd love to have this feature for our docs / know of the workaround...


author: David
body: Likewise, keen to get this feature on our pages. Has there been any update on this item?


author: isaiah berg
body: Any updates on this? I have been searching for a solution here. Ideally, every page would have \*both\* a floating table of contents (like Google Docs have in the sidebar!) that could be expanded / hidden to help navigate large pages.   

Also, while I'm at it, can we make the Edit button floating? Always a pain to work on something and have to scroll to the top of the page, then enter the Edit workflow, then scroll back down to the spot where I need to make a change... (note: I normally use keyboard shortcut "E" to edit, but these small touches make Confluence so much more approachable for new users...)


author: Daniel Bean
body: Bump


author: Trudy Claspill
body: \<deleted\>


author: Trudy Claspill
body: I have found there is a feature request in Atlassian's backlog for this:

<https://jira.atlassian.com/browse/CONFCLOUD-72545>

Like [@Dipam Pala](/t5/user/viewprofilepage/user-id/3824637) I also found a few add-ons that indicate they can be used to add custom HTML, CSS, and Javascript. I have not yet gotten through experimentation to see if the floating content can be generated with these. Here are a couple:

[https://marketplace.atlassian.com/apps/1221470/html-macro-themes-for-confluence-cloud?tab=overview\&hosting=cloud](https://marketplace.atlassian.com/apps/1221470/html-macro-themes-for-confluence-cloud?tab=overview&hosting=cloud)

[https://marketplace.atlassian.com/apps/1221472/html-macro-for-confluence?hosting=cloud\&tab=overview](https://marketplace.atlassian.com/apps/1221472/html-macro-for-confluence?hosting=cloud&tab=overview)


Tags: cloud

confluence-cloud