The Use the Navigation Highlight module is very versatile and will help to improve the look of your JSD pages. The module shows text on top of a background or an image and can be used to displaying information or images, as well as a clickable navigation item.
Adding the Navigation Highlight to a Layout
...
| Ui step |
|---|
Click the edit pen in the top right corner of the page, to open up the layout editor on the pages. |
| Ui step |
|---|
Click to Add module to the section where you want to add the module. You can easily drag and drop the module to a different position later. |
...
Edit the settings to your preference.
| Ui step |
|---|
Save. |
Highlighted features
Text variables
This module can be used with text variables to get targeted information displayed such as the current user's name, the structure element - like category or site.
Learn more about Text Variables
Colors or images
This module is versatile and can be used with images or colors, as in the examples above.
Show or click?
The Navigation Highlight module is one of the favourites here at Refined, we use it both for displaying information, making the pages more appealing as well as using it for navigation - either by adding a link to make the entire element clickable or by adding a link to the button URL to show a button as a call-to-action.
Button or link?
With the button option you set the text to the button as well as the link.
...
Highlight module to highlight information or welcome users. You can also use it as a navigation item by adding a link or a button.
You can add this module to your site’s site home, category homes, Jira projects, and or JSM portals.
...
Module setup
You can change the following settings:
Text. Heading (primary text) and body text (secondary text).
Background. Choose an image or a background colour.
Button. Optional: when you add a text and URL, a button is added to your module.
Link URL. Optional: when you enter a URL, the whole block of content becomes clickable.
| Info |
|---|
Tip: use either a button or a link URL, so it is clear for users where to click. |