Tips & Tricks - Intrexx Share: Expand navigation with custom menu items

In the Administration mode as of Intrexx Share 3.0, custom menu items can be included in the navigation. SVG icons are used for this. This article shows you how to add a menu item step by step.

Click here to find out how to switch to the Administration mode.

Select "Navigation" from the Settings module.

In this example, we will link to a shop application.

Name

Enter the desired name of the new menu item here. You can also use a language constant for the name.

Application and page GUID

The GUIDs of the application and the desired page to be displayed when the new menu item is clicked can be determined when the application is open in the "Applications" module.

The expert mode needs to be switched on for this. Afterwards, the GUID can be determined via the context menu "Copy element GUID" if the application node or the desired page is selected in the application structure.

CSS class

Here you can integrate the icon for the new menu item. The CSS file icon54-solid.css is in the portal directory external\htmlroot\thirdparty\icon54\font. Open the file in a text editor.

 

All SVG graphics that can be integrated in Intrexx by default are listed here. We want to add the "Money" icon for the shop. To do this, simply copy the "BasicIcons-Money" part from the class and enter it as a CSS class in the dialog. A full list of all available icons can be found at https://icon54.com/view-icons/.

Key

Assign a unique key here that is not yet in use for other menu items in the navigation.

Sort

An integer can be used here to specify the position at which the new menu item is to be shown in the navigation. The order is from left to right.

 

Save your settings by clicking on "Save".

The new menu item is now in the navigation - here in the example at the 3rd position. When a user clicks on the item, the page in the shop, whose GUID has defined in the properties, will open.