Hub

Overview

The LiveTiles Intranet Hub page acts as the central entry point for the intranet. It serves to important information from different systems in a clear and well arranged, personalized way.

The hub consists of the following main areas:

Header

The header consists of a navigation area, the search and a logo. It can be configured to be visible throughout the intranet, providing a consistent navigation and search that is available everywhere within the intranet.

Page

The page is the main content area of the hub. On the page the widgets are placed according to the layout and display the relevant aggregated data.

Footer

The footer provides another area to display data and information as well as navigation elements. The footer is independent of the displayed pages in the hub. You can place your own widgets in the footer and choose your own layout for their arrangement. Just like the header, the footer can be configured to be visible throughout the intranet.

Settings

There are several settings that can be configured in the root of the IHubConfiguration which apply for the whole Hub.

Title

To change the title of Hub you can modify the title property of the IHubConfiguration.

{
  "title": {
    "en": "My Hub",
    "de": "Mein Hub"
  }
}

Logo

You can change the logo displayed in the navigation bar by changing the logoUrl property in the value of header property of IHubConfiguration. See IPageHeaderConfig for more details about the header configuration. The height of the logo image is 70px when displayed in the hub.

{
  "header": {
    "logoUrl": "https://mytenant.sharepoint.com/SiteAssets/logo.png"
  }
}

Styles

Have a look here for the guidance on how to change the style of the Hub.

Features

The features section is a top level node and allows to configure settings for features. Often this simply means that its configurable, whether they are enabled and not. All the properties of the features section are defined in the reference here.

updateSettings

The update settings node allows to configure settings concerning the update process.

• disableNotifications: Defines whether update notifications, which occur when LiveTiles Intranet Hub updates to a new version, are disabled (true) or not (false). The notifications are only shown to LiveTiles Intranet Hub Administrators!

intercom

Intercom is the help & support tool from LiveTiles. Note that the Intercom help button / chat is only shown to LiveTiles Intranet Hub Administrators!

Settings:

• enabled: Defines if the Intercom feature is enabled (true) or not (false)

pluggables

The pluggables collection (which is a dictionary of key-value pairs) allows configuration for stuff which has dependencies other than the LiveTiles Intranet Hub project absolutely needs. It's basically a collection of configuration settings for addons.

sharePoint_hideTopBarOnScroll

Sets if the SharePoint top bar (Suite Bar) should be hidden when scrolling on the LiveTiles Intranet Hub page. This offers the user more space for the content and makes up for a nice User Experience.

It is defined as follows:

pluggables: {
  'sharePoint_hideTopBarOnScroll': true | false
}

sharePoint_useSpSearchOnHubPage

Enabling this option will redirect the user to the global SharePoint search page when the user clicks the search button (magnifier) in the top navigation within Hub pages.

It is defined as follows:

pluggables: {
  'sharePoint_useSpSearchOnHubPage': false | true
}

sharePoint_useSpSearchOnNonHubPage

Enabling this option will redirect the user to the global SharePoint search page when the user clicks the search button (magnifier) in the top navigation within SharePoint site pages (non-Hub pages).

It is defined as follows:

pluggables: {
  'sharePoint_useSpSearchOnNonHubPage': false | true
}

Search Popup for Mobile

Enabling this option will let the user use the popup of the search menu in mobile version instead of default behavior of a separate page for the user to not lose context of site navigation.

It is defined as follows:

  "searchPopupOnMobile": false | true

Enable Governance Floating Button

Enabling this option will show the Governance Floating Button even if Hub is installed. By default, floating icon is only shown if Hub is not installed. If Hub is installed, Governance is accessed by default via Lightning menu only. This is helpful if Mega Menu is hidden but Governance is needed.

It is defined as follows:

  "enableGovernanceFloatingButton": false | true