Branding-Specific Settings

The configuration settings for the End-User Portal that exclusively support branding of the portal are collected into a group called Custom Branding.

Custom Branding settings on the End-User Portal Setup page

Option

Description

Upload Company Logo

Upload your company logo to replace the Revenera logo in End-User Portal.

When a file is uploaded, it will appear in the upper-left of the portal and above the login form.

Make sure the logo image is no more that 30px in height, with a file size no greater than 40KB, and set either on a white or transparent background.

The Producer Portal shows the path to the uploaded logo file just below the file upload control. For administrators pursuing an advanced branding approach, this path can be used in your custom CSS to link the image (for example, in a custom page header).

At this time, only logo uploads are supported. No additional image assets can be uploaded via the system configuration options. Speak with your Revenera representative to learn about additional options.

Upload CSS

 

Upload custom CSS to change look of your End-User Portal.

Part of the advanced branding approach, this field allows you to upload custom CSS selectors as a text file. These style settings override other style settings (including the default styles or styles defined via standard system configuration settings).

In addition, CSS selectors can be added here to support custom HTML added for the page header and footer. When configured, a custom.css file is loaded as the last linked CSS file in the HTML document head. This location takes advantage of inheritance to override base style selectors. Normal cascade rules of specificity and inheritance apply here.

Intermediate to advanced CSS and HTML knowledge is recommended to take advantage of this option for all but minor CSS changes. Customizing the CSS comes with the potential for disruptive effects on the End-User Portal user interface.

Viewing Previously Uploaded Files

• If a custom CSS file has previously been uploaded, a Last Update date will be listed. To view the contents of this file, enter the following URL:

https://<siteID>.flexnetoperations.com/flexnet/staticfiles/operationsportal/custom.css

• If a custom header file has previously been uploaded, a Last Update date will be listed. To view the contents of this file, enter the following URL:

https://<siteID>.flexnetoperations.com/flexnet/staticfiles/operationsportal/header.html

• If a custom footer file has previously been uploaded, a Last Update date will be listed. To view the contents of this file, enter the following URL:

https://<siteID>.flexnetoperations.com/flexnet/staticfiles/operationsportal/footer.html

Note:When you upload a CSS file to the Upload CSS field, it will overwrite any existing custom CSS file that was previously uploaded. Also, when you upload a custom CSS file, it will always be renamed to custom.css, even if that was not its original name. The same goes for a custom header (will always be named header.html) and a custom footer (will always be named footer.html).

Upload Header

Upload custom HTML, as a text file, to replace the existing header.

This is the area that contains the logo and current user information. When configured, the End-User Portal’s User menu and system help are moved into the main content area.

The custom HTML header must be a self-contained HTML fragment with all elements closed.

Upload Footer

Upload custom HTML, as a text file, to replace the existing footer. This is the grey, shaded area at the bottom of each view.

The custom HTML footer must be a self-contained HTML fragment with all elements closed. If the height of your footer differs from the default, you must to add custom CSS to ensure it is positioned properly at the bottom of the page. For example

#page-footer-nudge {

   height: [ yourFooterOuterHeight + 40 ]px

   }

#page-footer {

   height: [ yourFooterOuterHeight + 20 ]px;

   margin-top: -[ yourFooterHeight + 40 ]px;

   }

 

Primary Navigation Position

Select an orientation for End-User Portal’s main navigation.

If, for example, your custom header includes your own site’s primary navigation, the End-User Portal navigation can be positioned to the left or right of the main content area. It then acts as a sub-navigation for the Entitlement & Delivery section of your site.

Default Button Label Color

Change the color of default button label in the End-User Portal. This option is set within the Color Configurator.

Use a color that ensures enough contrast with default button color. White (#FFFFFF) or black (#000000) are usually safe alternatives. (Hex values accepted.)

Default Button Color

Change the color of default action buttons in the End-User Portal. This option is set within the Color Configurator.

Buttons generally represent page-level commands—Save, Submit, Activate, for example. (Hex values accepted.)

Background Color

Change the background color of pages in the End-User Portal. This option is set within the Color Configurator.

This setting is applied to the <body/> element of every page. (Hex values accepted.)

Title Color

Change the color of page headings and sub-headings in the End-User Portal. This option is set within the Color Configurator.

(Hex values accepted.)

Link Color

Change the color of text links (anchors) in the End-User Portal. This option is set within the Color Configurator.

(Hex values accepted.)

Primary Navigation

Change the background color the primary navigation menus in the End-User Portal. This option is set within the Color Configurator.

(Hex values accepted.)

Primary Navigation Open

Change the background color open (active) primary navigation menus in the End-User Portal. This option is set within the Color Configurator.

(Hex values accepted.)

Primary Navigation Text

Change the color of all text in the End-User Portal’s primary navigation menus. This option is set within the Color Configurator.

(Hex values accepted.)