Although toc has already been supported, I really hope there is a floating toc, which will facilitate the search and switch of notes.

I’ve saved it in userstyle.css. Just save, restart joplin and voila!.

This is awesome! Didn't know I needed it, and now can't live without it. :slight_smile: Thanks for sharing. I made a few more tweaks, including truncating long titles, shrinking the font size, and removing the bullets. nav.table-of-contents>ul { top: 0; right: 0; position: fixed; z…

you can add overflow:auto; height: 100%; if your TOC is long to be able to scroll

Here is my take on it: /* TOC */ nav.table-of-contents>ul { background: var(--Sidebar-background); font-size: 11px; text-transform: uppercase !important; padding: 10px; margin: 0px; margin-bottom: 50px; } nav.table-of-contents ul { list-style-type: none } nav.table-of-contents li { …

[image] uar: nav.table-of-contents>ul { background: var(--Sidebar-background); font-size: 11px; text-transform: uppercase !important; padding: 10px; margin: 0px; margin-bottom: 50px; } nav.table-of-contents ul { list-style-type: none } nav.table-of-contents li { white-space: nowr…

[image] patrickcurl: anyone know if it’s possible to ignore items on the TOC…say I want a page header, then the TOC to pickup all the other headings? If you want to hide the H1 / # top header, you can target it with: nav.table-of-contents>ul>li>a{ display:none } If you only wanted to hide t…

Cool, I like the responsive idea! Iterated on mine, treating it a little more like a “minimap” in an IDE. nav.table-of-contents>ul { top: 0; right: 0; position: fixed; z-index: var(--z-toc); background: var(--dark-grey); padding: var(--base-size-8); border-radius: var(--…

Really you can use the level of toc to specify which header you want. It’s really nice dev

I saw your note, but I wasn’t sure how to target / use that with CSS. Would love to learn more, seems like your way is much cleaner.

Toc as the sidebar

Features

cyr06 28 May 2020 10:39 17

I’m not sure what tou want but maybe if you use

$<toc{"level":[2,3],"listType":"ul"}>

this is it ?

View sync when [toc] is added

Topic		Replies	Views
A markdown outline sidebar plugin for Joplin Plugins	153	22055	8 February 2026
TOC presented in left side when converted into HTML file Features	3	674	10 July 2025
Joplin cloud publishing TOC in left Features	3	588	26 January 2022
Any outline option (like the one in Typora) Support	5	2553	27 December 2021
Support outline view for notes Features	3	1994	2 June 2020

Toc as the sidebar

Related topics