Navigation

Revision as of 14:44, 7 November 2019 by Mlink-rodrigue (talk | contribs)


The main navigation is visible to all wiki users. By default, it is on the left side of the wiki layout. You can always switch to the main navigation by clicking on the associated icon at the top of the navigation bar:

Screenshot: nav menu top


To change the menu items in the main navigation, you need administrator rights.

Changing the menu items

To activate the edit link, hover over the last menu item in the main navigation:

Screenshot: edit link for main menu


The link Edit sidebar loads the page Mediawiki:Sidebar:

* Navigation
** Main_Page|Main page
** Special:AllPages|From A to Z 
* Enterprise
** Company|Company
** Staff|Staff
** Sales and Marketing|Sales, Marketing, Projectmangement
** Products and services|Products 
** Category:Organisation|Customers and Organisationen

The menu items are structured as a list. * is a menu header and ** a clickable menu item.

The syntax for a clickable menu item is Page name| Page label:

In the navigation example above, the page description From A to Z links to the page Special:AllPages .

Note: It is not possible to create subitems in the navigation bar.


Changing the icons

You can assign different icons to each menu item in the main navigation. Let's assume you have a menu item called Quality assurance. The default BlueSpice icon is a page icon:

Screenshot: Nav menu items

To change the icon:

  1. Open the page MediaWiki:Common.css in edit mode.
  2. Add the following lines to the end of the page and save the page:
  3. #n-Quality_assurance > i:nth-child(1)::before {
        content: '\e9a1';
        font-family: 'entypo';
    }
    

The icon is now customized to an eye icon:


Empty the browser cache if the changes are not immediately visible.

If the link label contains special characters, there might be issues because they are converted in the HTML code of the page. In this case, right-click on the corresponding entry and, depending on the browser used, select "Examine element" or similar. You will now see the underlying source code and should see a line item that has this form:

<a id="n-MENUENTRY" class="list-group-item" ..... >

Use the exact id value shown in the page inspector in your stylesheet.For example, the German menu item Qualitätssicherung is shown as n-Qualit.C3.A4tssicherung. The selector in Common.css is #n-Qualit.C3.A4tssicherung.

You can see all available icons on the page ../extensions/BlueSpiceFoundation/resources/bs.icons.php of your wiki. Here you find an overview of the symbols available in this particlar wiki.

In the upper line you can click through different fonts, below you find the icons with the corresponding character keys. In MediaWiki:Common.css you have to adjust the entries font-family (font) and content (character key) accordingly.

Attachments

Discussions