A widget to show note breadcrumbs at the bottom of the page.
breadcrumb_demo_update.mp4
- Shows breadcrumbs on active note
- Optional history navigation (forward/backward)
- Display at top or bottom
- Enable or disable at will
- Toggleable per note
- Create a new code note with
JS Frontendtype. Copy and paste widget.js into the note.- Be sure to add the
#widgetattribute to the note
- Be sure to add the
- (optional) Add your own css between the markers.
The breadcrumbs will automatically appear for all notes. You can disable the widget by adding the #breadcrumbsDisable attribute to it. You can also disable it for a single note by adding #breadcrumbsDisable to the note.
The forward/backward buttons are enabled by default. You can disable them by adding the #disableHistory label to the widget.
The breadcrumb bar appears a part of the note by default. If you'd rather it appear at the top of the page, simply give it the #breadcrumbsPosition=top label. If you'd rather it appear at the bottom of the panel, give it #breadcrumbsPosition=bottom.
You can remove the borders of the breadcrumbs bar by adding the #borderless label to the widget. For more advanced styling, you'll have to add your own CSS!
Check out my other Trilium-based projects:
Want more? Be sure to check out the Awesome Trilium list!