Top Menu Left

Last modified by Vincent Massol on 2019/06/06

Add an icon or a menu in the top menu

Usage

This extension point is displayed in the left part of the top menu, after the logo.

TopMenuLeft.png

You must have the "admin" right on the wiki to be able to create an UI extension.

Definition

This Extension Point is contributed by this extension and was added in version 7.3-rc-1 of that extension.

Category
Top Menu
Extension Id
org.xwiki.platform.topmenu.left
Content to be provided

The code to add in the extension point.

It should look like this:

{{velocity}}{{html clean="false"}} ## we need clean="false" because we want to display the raw content
  <li>
    <a href="somUrl" class="icon-navbar">Some content</a>
  </li>
{{/html}}{{/velocity}}

To add a submenu :

{{velocity}}{{html clean="false"}} ## we need clean="false" because we want to display the raw content
  <li class="dropdown">
    <a class="icon-navbar dropdown-toggle" data-toggle="dropdown" role="button" arias-haspopup="true" aria-expanded="false"><span class="sr-only">$services.localization.render('core.menu.toggleNavigation')</span>Some text</a>
    <ul class="dropdown-menu">
       <li><a href="">Some link</a></li>
    </ul>
  </li>
{{/html}}{{/velocity}}
Parameters to be provided
  • order: the order in which the item will be displayed. The lower the number is, the more on the left the item is. Examples of correct orders: 10000, 20000. Please let enough room to add other UIX between existing ones and your own.

Get Connected