Site UI Settings

<< Click to Display Table of Contents >>

Navigation:  Branding App > Modern Site UI Branding >

Site UI Settings

This section consists is several groups of settings. These settings apply to all of the pages in the site.

 

General Settings

Header

Application Administration

Translator Widget

NITRO Forms Dialogs

Quick Launch

 

General Settings

 

The General Settings section consists of several options for hiding or showing elements of the standard SharePoint page. Here are the elements as shown on a regular SharePoint page:

 

 

 

clip0925

Full Page Layout - This option will give you the maximum width layout for web parts.

 

Web Part Spacing - This will give you options on whether you want the space between your web parts to be narrow, wide, or default (in between narrow and wide).

 

Page Alignment -  This option will appear when Full Page Layout is disabled and will give you the option to choose the Alignment of your page as either left, right, or center.

 

Extended CSS and Extended JavaScript allow you to add your own custom elements to the branded pages.

 

Header

 

These settings let you hide or show and manage the Header section of the page:

 

clip0926

 

clip1327

 

Hide Header - Determines whether to show or hide the Header bar. If shown, the remaining options are described below. If hidden, the remaining options disappear from the settings screen.

 

Customize Header - Enabling this setting will make another section pop-up with a variety of settings to use colors from site theme, add custom Menu Links (with support for multi-level links) and custom HTML.

 

clip1326

 

Header Title Position - The options are to show the Header Tile on the left of the screen or in the Center of the screen.

 

Hide Promoted Actions  - Toggles the visibility of the Promoted Actions.

 

Top Link Bar Position -

 

Enable Search Box - When toggled on, you'll see the settings in the below screen shot. The search box appears in upper right area, in the same space as the Promoted Links.

 

clip0928

 

List to Search - Allows for choosing a list from the current site to search. If you need to search a list in another site, please refer to the List Search section of this manual.

 

Search Refiner -

 

Search Placeholder text - Appears in the search box before a user types into the box:

 

clip0929

 

Application Administration

 

clip0931

 

This section pertains mainly to Crow Canyon's out of the box applications such as IT Help Desk and Work Order Management. Each of the applications has an Application Administration section for configuring various elements of each program. This section determines whether or not to show the Application Administration link on the site pages, which URL has the Application Administration area, what level of permission is required to see the Application Administration link.

 

Translator Widget

 

clip0930

 

Allows you to show a "widget" on the pages in the site to translate pages into another language. The translation services are provided by Google or Bing. You can then decide where to show the "widget."

 

NITRO Forms Dialogs

 

clip0932

 

Determines whether to show a list item with a NITRO Form on it in a dialog box overlaying the site, or if the user should be directed to the list item directly.  

 

Quick Launch

 

clip0933

 

Allows for hiding or showing the Quick Launch on the left hand side of the pages. When you show it and also choose to customize it, the following settings appear:

 

clip0934

 

Each link in the Quick Launch has the following settings:

 

Menu Background Color - The color behind all of the top-level links

 

Sub Menu Background Color - The color behind all of the second-level links

 

Hover Link Background Color - The color to which the background switches when the user hovers over the link

 

Link Icon/Text Color - The color of the icon and text overlaying the background

 

Hover Link Icon/Text Color  - The color to which the Icon and Text switches when the user hovers over the link

 

The Quick Launch links themselves can be managed from the site's Site Settings -> Look and Feel -> Quick Launch settings.

 

You can set a different Icon for each Quick Launch as per the grid below. In addition, when the Quick Launch link is clicked, you can choose to show a different color. The color palette uses rgba and the default setting is rgba (102, 102, 102, 1):

 

clip0937

 

With the above default settings, the Quick Launch goes from looking like this:

 

clip0935

 

to this:

 

clip0936