Table of content / outline navigation on the side

WHAT DO YOU RECOMMEND

I wish to use Anytype as my main source of notes. Often, the notes became quite lengthy. As the note becomes lengthier, I really like this specific feature that a note-taking app called NimbusNote has: an outline feature, which serves as a navbar for the note document. A click on the outline (h1, h2, h3) will scroll the page to the corresponding H tag on the document body.
I attached a screenshot of my notes with the outline nav mentioned earlier.

HOW COULD IT BE DONE

A simple toggle on the top bar on the right to toggle (show/hide) the outline navigation.

REAL WORLD USE CASES

As described earlier, it allows easier navigation in a lengthy note. For the moment, I use NimbusNote often to make notes, keep them and share them. For example, in a course note I have made, Chapter 1, you’d want to keep things in just one note page, so exporting it in PDF is much easier than keeping several notes for the same chapter (hence exporting several PDFs). Therefore, please see the attached img to illustrate the concept I mentioned.

RECOMMENDED ALTERNATIVES

The table of contents is great, but you’d have to scroll all the way to the top again to find the topic heading you’re looking for.

ADDITIONAL CONTEXT

This will be useful when we share the note publically, where visitors can navigate through the document easily.

4 Likes

Hey @cmdaltctr thanks for the request.

Since this has already been requested and ways to implement it have been discussed quite a bit, I will probably merge some of these topics together.

1 Like

Thank you for the response. Has the team decided on anything yet? :slight_smile:

There are SO MANY sidebar topics and replies on this forum haha.

I was looking for a post of mine where I showed of many sidebars for adding table of content, backlinks, local graph view and more. But I couldn’t find it.

I do wonder if there is any hint of what is in store for a right sidebar to be honest. If any at all.

Yeah, my main priority now is just the outline sidebar. Right now, it’s a mess if you have long documents. Some coding topics I kept in Anytype can be long; I have to scroll all the way up to find the related sub-topics (in the table of contents).

3 Likes

WHAT DO YOU RECOMMEND

Place “table of Contents” on the side.

HOW COULD IT BE DONE

Now it exists as a block.
Usually, I need to go back to the top to find it.

REAL WORLD USE CASES

RECOMMENDED ALTERNATIVES

:balloon:
I recommend place “table of Contents” on the side,
Place the “table of Contents” on the left or right , and it is fixed and not scroll up or down.

:christmas_tree:It looks like this:

ADDITIONAL CONTEXT

3 Likes

Hi, I appreciate you taking your time to show this.
So basically, we are utilising the “column” where in the left column, we will place the table of content, and in the right column, we will place the content.
At this moment, it is like I split a normal-width page into two. On a smaller device, i.e., a phone/tablet, this is not ideal.
As much as I like this approach, this is not a real solution. Generally, columns are used to place two elements within the same row/section of the page.
Rather, I wish they would consider what Obsidian/Coda/Nimbus Note approach to this, with a floating TOC/ or sticky sidebar on the right that can be toggled on or off. Ideally, too, when we click on the TOC, the page scrolls to that particular section.

3 Likes

Hi there, is there any news about this? :slight_smile: Best wishes

To note, I’ve just opened a more generalized feature request that I believe would solve your suggestion here. Please check it out and comment! :heart:

Hey! Thanks for the reply. By the way, just to give an idea on how to implement this outline widget, (it does not have to be a widget), just see how getoutline.io does it (see attached).

1 Like

Hi @cmdaltctr :wave:t3:

I came across a website where I think this problem with the table of contents has been solved well. Only the current content is highlighted in color.

2 Likes

Hey, wow, this is awesome. I love this; it’s very similar to Nimbus Note (now Fusebase). Also, the idea is that it can be toggled on/off. Technically, I can safely summarise that:

  1. coda.io also has this feature, but I did not like their implementation that much
  2. Obsidian - similar to Outline Wiki (I like it a lot)
  3. Nimbus Note - similar to what you showed (I love it)
1 Like

Craft has recently had an updated content navigation feature, which I really like.
In this way, when the content of the article is relatively large or there are multiple levels, you can quickly locate the content through the side navigation.
This method can greatly improve efficiency when writing documents and viewing content.