Versions Compared

Old Version 1

changes.mady.by.user Johannes Laatu (Deactivated)

Saved on

compared with

New Version 2

changes.mady.by.user Madzy Soetman

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 steps


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. 


Ui step

Edit the settings to your preference.



Ui step

Save.



Highlighted features

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

This module is versatile and can be used with images or colors, as in the examples above. 

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. 

With the button option you set the text to the button as well as the link. 

With the link option, the entire element becomes clickable and will react when a user hovers it.