move the menu into the header

Help / Discuss
, ,
1

Hi all,

I am new in xwiki, could you tell me know to move the menu into the header as below?
image

Thanks,
Trung.

2

As far as I know the Menu feature doesn’t allow you to do this. This feature is quite strict in what it produces.

In order to put things into the header, you’ll want to use the Top Menu Left extension point.
https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/ExtensionPoint/TopMenuLeft

In order to customize your Skin like this, you’ll probably want to take a look at:

Tbh it’s not easy at all to do, there’s quite a few things behind this menu feature.

Alternative solution:
Someway or another hide the top bar and put what you want (logo, drawer toggle, …) in the current menu :smiley:

Have a good day,
Lucas C.

1 Like
3

@vmassol also pointed out in our community live chat that you might be able to achieve your result just with a bit of CSS.
If your menu and header contents don’t change too often, I guess you could just hard code its position on the page with a StyleSheet Extension (https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/SkinExtensionsTutorial/#HMakingitlooknicewithSSX)and slap it over the header. I wouldn’t go for such a solution when implementing something in XWiki Standard, but it’s so simple to setup on a single instance compared to the other solutions I described above that it might be worth the bugs :smiley:

1 Like
4

Thank you for reply. I will try it out :blush: