Difference between revisions of "Navigation"

m
m


The main navigation can be found is visible to all wiki users. By default, it is on the left side of the wiki page. This bar contains the navigation, every user can see and use (in contrast to the Focus, which can be customized from the user as individual and personal navigation). To change the 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 to have administrator rights. Besides: in the navigation bar, you can link important areas and portals (like departments or main topics).

Change the content of the navigation

Changing the menu items[edit | edit source]

You can find the code of the navigation bar on this page:

                MediaWiki:Sidebar
            

If you have the administratior right, also a link "Edit sidebar" will be shown at the bottom of the navigation panel.

Coding[edit | edit source]

If you take a look at MediaWiki:Sidebar, you may see that it is a list. * is a header and ** a list item under the header.

The list items are like normal wiki links. The first part after the ** is the name of the page, you want to link to. In normal wiki code, this name is in brackets, e.g. Testpage. You don´t need these brackets here. Just type in the name of the page. The second part after the | is the description, this means it´s the text which will be shown in the navigation.

ExampleTo 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.


Insert Changing the icons in the navigation[edit | edit source]

You can assign individual different icons to each menu item in the main navigation points by adjusting the styling using CSS.

To do so, proceed as follows:

Suppose you have created a menu item "Hints" as described above and now want to equip it with an appropriate icon.

. 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-
                        
Hints
                            Quality_assurance > i:nth-child(1)::before {
        content: '\
                        
e90e
                            e9a1';
        font-family: 'entypo';
    
                        
  • To make the change visible, it is usually necessary to empty the browser cache.

Please note that the display name (in this case "Hints") and not the page title must be used here; spaces must be replaced by hyphens ("-").

When special characters are used, there may be difficulties
                            }
    
                        
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 such a 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 part line item that has this form:

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

In the above example, replace #n-Hints with #n-MENUENTRY. 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