Point - Menu

Top menu

Top navigation is the current typical way of displaying navigation. For many, this resembles more how navigation is done on the web and it comes with a few more display and configuration options.

• Logo: Company logo. Can be shown on left or right side
• Navigation (menu items): Navigation to all published pages visible to the user
• Drop-down (arrow pointing down): If the top page have more pages under it, this drop-down appears
• Overflow (three dots): All pages not fitting on the navigation gets listed here
• Configure (cogwheel): Click here to configure the navigation bar

General settings for top menu

Important: Changes made on navigation and footer on one page will be saved to all pages. Only exception is the "transparent background" option as this is set pr individual page. Remember this when making changes.

Settings

One out of two tabs. Settings is for the top navigation panel.

• Submenu style: Choose if navigation drop-down should use the “single column” style or the “full width” style.
• Logo Position: Position the logo to the left or to the right. Navigation adjusts accordingly
• Numbers: All navigation items will have a number to help elevate the structure and readability
• Search: Enable the search button. Clicking this will lead to a search page (place view component) (must select a resulting search page when configuring)
• Custom URL: Decide what happens if you click the logo. Default behavior is to lead back to the “home” page in this portal
• Transparent background: Navigation can be placed on top of the header carousel. This feature requires logos to be set up in the “logo” tab in this configuration window. Transparent background function is only accessible if you have a "header carousel" directly after "navigation" on your page template.
• Save: Save all changes. When clicking save, all changes done will go live immediately. Everything except “transparent background” will apply to all pages using “top navigation”

Logo

Here you can set all logos used in navigation (and add spacing).

Main logo is used in all navigation areas except if "transparent background" is enabled. Select a logo from any archive and drag and drop to change how much space there should be around it.

Negative and positive logo are variations for if you use the "transparent background" functionality. This allows you to pick a bright logo for your dark backgrounds and dark logo for your bright backgrounds.

Left side menu

Left navigation is often used in documentation heavy setups where you want it to look like the index of a book.

• Search: Define a search page. Add a search inquiry here and display the result on the linked search page (Dam view).
• Navigation links: Items visible in navigation is managed trough “page admin”. Use the “drop down” arrows to expand and show more content.
• Configure (cogwheel): Cogwheel opens an editor interface where you can change the look and feel of the navigation. This cogwheel only appears while in “edit mode”. Read more on this below.

Settings 

Clicking the configure button (cogwheel) opens a view where you can configure various settings of the navigation panel. Note that this panel applies changes to general look and feel. To manage page visibility and what items are in the navigation, you do this in the “page admin”

Keep in mind, Changes you do may affect all pages in the portal. Here are the settings: 

• Numbers: Adds a number to all pages to help show the different levels. Top level is 1. First sublevel is 1.1 etc.
• Hide homepage: Hide the default home page for the portal. Typically this is done to save space and users are expected to use the "logo" to return to home.
• Dynamic: Changes how pages are displayed in the menu. When going to a page, it will hide all "parent" and neighboring pages and only show "subpages".
• Search: Enabling this, displays a search box in navigation. Connect this to an existing search page (Dam view). Users entering a search will be forwarded to this page with their search prefilled.
• Place View Page: If you connect an existing "Place view" page here, you will get a search bar in the navigation. Any search entered will navigate the user to this Place view page and prefill their search.
• Custom URL: Logo in navigation will link to this location. If this remains empty, clicking the logo will send users to the current “home” page in the portal.
• Main logo: Select which logo you wish to display on the navigation pane.
• Spacer: If you hover your mouse over the blue space around the logo, you can manually alter the space around it in navigation.
• Logo picker: Two options to select what logo to display. Find in PLACE opens the archive where you can find your already uploaded logo. “Upload” allows you to upload a logo to display here. We recommend uploading the logo into archive first, then selecting a logo. Ensures you manage file size, placement and version.
• Update: Clicking update will publish the changes into portal immediately. Remember that changes made here will apply to all left menu pages at the same time.

Mega menu

Make navigation in Point much easier by enabling users to browse through a list of Point instances and see the overview of each menu for dedicated Point instances at the same time. Just like browsing through the menu items of your favourite online store.

Activating mega menu navigation

To activate the Point navigation feature, follow these steps:

1. On the Point homepage, click on the settings (cogwheel) button for the top menu or side menu (depending on the menu type you have in your Point)
2. Inside the main menu settings, activate Point navigation as seen in the screenshot below:
3. After this has been activated, a new button will appear next to the logo on the Front page as seen below
   
   
4. You will now able to navigate much easier as you will be able to see all the different Point instances as well as all subpages in one and the same window.

Sticky menu

Sticky menu allows the menu to be anchored to the screen so that you can have all the menu items at hand when scrolling through the pages.

Benefits

• With a sticky menu, users can easily access the menu options no matter where they are on the page. This eliminates the need to scroll back to the top of the page to navigate to different sections.

• Improved user experience: Sticky menus can enhance the overall user experience by providing a consistent and familiar navigation structure. Users can quickly find what they are looking for and navigate through Point seamlessly.

• Confusion about Point structure: If the navigation menu is not easily accessible, users may have a hard time understanding the overall Point structure and finding their way around. This can lead to confusion and a higher bounce rate.

Activating Sticky menu

1. Open Page admin
2. Navigate to the Page template builder area of Page admin
3. Choose (or create) a Page template where you would like to add the Sticky menu 
4. Navigation component is required on a page template. Once the navigation component is on your page template, you get the option to select "new navigation" Check this option and save.
5. Go to any page where this "new navigation" is used (pages using any of the page templates where this is enabled)
6. Click on the cogwheel on the menu to adjust the settings. Editing this menu works the same as editing the old one.
7. In the settings menu, activate Sticky menu from the options as seen in the screenshot below. 
8. You have now activated Sticky menu

This setting must be enabled on every "page template" to behave coherently across all your pages.

As with the other navigation components, editing this on one page will apply to all pages using the "new navigation" feature.

Enabling this may require minor adjustments to color and styling. If it appears with wrong colors, contact your CSM, solution specialist or support for help.