Create a floating TOC for Confluence Cloud

[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

[Michael Yang - Shinetech Software]

@Dipam Pala 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

[Ryan Wise]

@Dipam Pala 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. 

[Hazwan Ariffin]

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. 

[Dipam Pala]

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. 

[Shama Bhosale]

@Hazwan Ariffin are you able to create floating TOC in the Cloud version?

If yes, could you please share detailed steps here?

[Paul]

I also want to understand if this possible on Confluence cloud 

[Charlie Graham]

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

[Brad]

@Dipam Pala please reply back with an update

[Emiliano Nicolas Romero]

Was there an update on this topic?

[Dom]

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

[David]

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

[isaiah berg]

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...)

[Daniel Bean]

Bump

[Trudy Claspill]

<deleted>

[Trudy Claspill]

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

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

Like @Dipam Pala 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/1221472/html-macro-for-confluence?hosting=cloud&tab=overview