Dropdown Navigation Items | Voters

Wiki.js

Create

Home

Wiki.js

244

Dropdown Navigation Items

planned

Travis O'Neal

Support for child navigation items to allow dropdowns in the main navigation pane. If you have a large wiki, it can be hard to organize your pages without some type of collapsible navigation.

July 22, 2019

Scott Oliver

When will this option be available? Can the current menu be rewritten

清

sub folders, dropdown, drag&drop, previous page, next page. just like gitbook

Enthused Dragon

Nicolas Giard Any updates on this?

David Spuler

I just installed wiki.js and am wondering why this isn't possible yet... this was planned like 2 years ago and is a main feature for large wiki - can you post an update here?

funjoker

Is it still a thing? It’s 2021 :D

Josh Crank

Can this style be applied to the tree navigation as well? I would love a collapsible navigation that is dynamically built out like the tree view, but with the appearance of this suggestion. Kind of a hybrid of tree and static. As it stands, for dynamically built documentation sites for a company, the static just adds too much overhead to add and link to a page if someone creates a page, but the tree view seems very rough to use.

Eve Vinclair

👍

Cyrille Puget

it's a must have for use to use wiki.js for a large documentation.

Do you have some timeframe release for this feature?

sne

I like the explorer folder style, if possible with drag&drop possibities to manage wiki. Eg https://github.com/zadam/trilium or https://www.notion.so/ ? For vue.js https://www.vuescript.com/best-tree-view/

Matko Dodig

I like how GitLab handles navigation (https://gitlab.com/gitlab-org/gitlab-foss). I believe something like this would greatly improve UX.

Matheus Santos Oliveira

Matko Dodig: Nice! did you implemented this behaviour in your wiki?

Matko Dodig

Matheus Santos Oliveira: Yes, but it's a hack. I used Code Injection feature to add custom JS/CSS, so during the page load the generated menu items are parsed and then updated to add collapse/expand ability.
Menu items levels (and icons for Header items) have to be set in Administration/Navigation area like:
#00#Header A#mdi-cloud-outline#
#01#Link 01
#01#Link 02
#01#Link 03
...

Helliano

Matko Dodig: is it possible for you to share this "hack" would love to have this feature

Thomas Nilefalk

Matko Dodig: Very nice! I think this i what I'd like to see. Was looking for something "indexmenu"-like (from dokuwiki), but this is even better!

Matko Dodig

Helliano: Sorry for a really late response, but I just recently managed to find enough time to commit to this. You can find the code on github: https://github.com/madodig/wikijs-customization.

Matko Dodig

Thomas Nilefalk: I just shared the code on github: https://github.com/madodig/wikijs-customization.

Helliano

Matko Dodig: Wow, great stuff!

→