1. Overview
Intranet Admins can configure an additional navigation panel called Left Navigation (or Extra Navigation) to help users easily browse through Involv sites.
Each active site includes a Navigation list in its site contents, which can be used to populate the Left Navigation component.
This guide explains how to configure the available settings, enable advanced features, and optimize the floating behavior of the Left Navigation.
2. Left Navigation – Settings and Properties
The Left Navigation web part can be configured through several key settings:
-
Title – The title displayed at the top of the navigation panel.
-
Site – Select the site that contains the navigation list (for example, HR site).
-
Name of the List – By default, this is set to Navigation.
-
Choose Top-Level Navigation Node – Define where the navigation starts.
-
Display Mode – Choose how the navigation appears:
-
Hierarchical: Displays a tree structure.
-
Flat: Displays a single-level list.
-
Breadcrumbs: Displays the navigation path.
-
3. Additional Features
Enable Cache
Boost performance and page loading speed by enabling caching of the Left Navigation.
Enable Target Audience
Assign specific audiences to navigation items, creating personalized navigation for certain user groups (for example, HR Managers).
Multilingual Support
Each navigation node can be defined in multiple languages.
-
Provide a title and URL for each supported language.
-
In the component settings, enable the toggle to respect the user’s preferred language.
4. Display Options
-
Enable links for expandable item – Allow clickable links on expandable nodes.
-
Levels to Fold Open Initially – Define how many levels of the navigation tree are expanded when the page loads.
-
Levels to Render – Set how many levels of the tree are rendered. Use 0 to render all levels.
5. Floating Options
The Left Navigation web part includes a Floating section with several configuration settings:
Floating Mode
-
Normal Floating: The navigation scrolls with the page.
-
Sticky Floating: The navigation remains fixed while the page content scrolls.
Offsets
Define vertical and horizontal offsets for the web part. These offsets create space around the navigation so it doesn’t touch other page elements.
Occupy full available length
Enable this setting to make the Left Navigation extend through the full vertical space of the page.
Minimum Width
Set the minimum viewport width (in pixels) at which floating mode is enabled.
If the screen width is smaller than the defined value, the web part will render in normal (non-floating) mode.
When floating is active, the component automatically adds a left margin to the page title and content areas, keeping the layout centered similar to a Team Site.
6. Considerations
Minimum Width
By default, the minimum width is 1030px. Smaller values are not allowed. Reducing the width may cause text wrapping or misalignment.
Offsets
Increasing offsets reduces the available space for the web part. Adjust carefully to maintain a balanced layout.
Dynamic Size Calculations
The component’s width and height are dynamically calculated via JavaScript. CSS overrides will have no effect unless marked with !important, which is not recommended.
Dynamic Width
The width reserved for the navigation corresponds to the left margin of the page content (excluding the footer). Increasing horizontal offset reduces this available space.
Dynamic Height
-
Normal Mode: Height is calculated from below the navigation (and SharePoint edit bar, if visible) to just above the comments section.
-
Sticky Mode: Height is calculated from below the navigation to the bottom of the viewport, excluding the footer area.
7. Watch interactive tutorial
Watch the interactive demo below to follow each step by step.
Involv version 5.2