How to add this vertical menu

Help / Discuss
1

Hi! Love Xwiki so far :slight_smile:
I was wondering how I can add this menu shown in this pic:

image
image412×854 13.3 KB

Referenced from:

Thank you!!

2

Hello,
You can view the source of:

IMO you can use bootstrap to do a vertical menu like’.
ie: https://extensions.xwiki.org/xwiki/bin/view/Extension/Application%20example%20to%20display%20data%20with%20bootstrap%20tabs%20and%20tooltips

Pascal B

3

There’s also the Admin UI vertical menu that could be copied (as I don’t think we’re providing as something reusable ATM but it would be nice to do so): https://extensions.xwiki.org/xwiki/bin/view/Extension/Administration%20Application#HProvidedFeatures

4

Ah okay, I was hoping there was an extension that I missed for this menu.
Thank you - I’ll have to dive into this further.

5

Actually you can use bootstrap components directly such as list groups List group · Bootstrap or navs Navs · Bootstrap

Or use any JS lib that does menus such as http://cssmenumaker.com/blog/5-free-jquery-vertical-menu-navigations/

To integrate jquery into XWiki see https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/FrontendResources/UsingJQuery/

6

Note: You pointing on bootstrap V4…
navs from bootsrap 3.3.3.7 have less features. Here V3 bootstarp documentation: Bootstrap · The world's most popular mobile-first and responsive front-end framework.

7

Oh okay thank you to both!