RapidIdentity Administrators' and Users' Guide

Update the Branding for RapidIdentity

RapidIdentity's look and feel can be customized to integrate your company's colors and logos. This is separate from the Login Page settings and controls the UI within RapidIdentity once the users log in.

  1. To access these settings, navigate to the Configuration menu.

    Dashboard_Configuration.jpg

  2. Click Appearance in the General section.

    General_Appearance_wCallout.jpg

  3. Enter settings in the following menu as desired. Field definitions are described in the table below. After any changes are made, click Save in the Action Bar. Refresh your browser for the color updates to take effect.

    General_-_Appearance.png
    Table 56. UI Settings

    Section

    Field

    Description

    UI Settings

    Wide Logo URL

    01_Red_Chrome_01.png

    The URL of the image that the browser should use for a custom image when the screen is full-size and the screen real estate allows for it. Example:

    Wide_Logo_Example.png

    Note

    For best results, use a .png file with transparency that will stand out against the secondary brand color. The container for this logo is 252×34px.

    Narrow Logo URL

    01_Red_Chrome_02.png

    The URL of the image that the browser should use for a custom image when the browser is not full-size and there is not enough room to display the full Wide Logo. This is also used for the "mobile" view of RapidIdentity. Example of this image type:

    IALOGO_JustThesymbol.png

    Note

    For best results, use a .png file with transparency that will stand out against the secondary brand color. The container for this logo is 65×34px.

    Use Default Colors

    Keeping this box checked will use the default red and black RapidIdentity look and feel. Unchecking this box will unlock two more options for UI color preferences.

    Primary Brand Color

    01_Red_Chrome_03.png

    This controls the colors of elements such as the main drop-down menu, Save buttons, and the text in the Search menu.

    Secondary Brand Color

    01_Red_Chrome_04.png

    This controls the header background color.

    Branding Examples for UI Settings

    The Wide Logo URL will show up when the screen is maximized and there is enough screen real estate to display the entire image. Note which section each Brand Color controls.

    Configuration_wCallouts.jpg

    The Narrow Logo URL will automatically display once the image area can no longer accommodate the wide logo image.

    Configuration_wCallouts_Narrow.jpg

    Note

    Refresh the page to see UI changes once you have clicked Save.

    Mobile Devices

    Note

    These settings only take effect if the account with these settings is the primary account in the Mobile App.

    Branding email enabled

    The mobile app can be configured with an email address for a helpdesk. With this checked, enter an email address that a user can access easily for Support.

    Branding phone enabled

    The mobile app can be configured with a phone number for a helpdesk. With this checked, enter a phone number that a user can access easily for Support.

    Splash image

    Upload an image to appear in the main portion of the mobile app's splash screen.

    Note

    For best results, use a 320px × 400px .png file with transparency that will stand out against the splash background color.

    Splash background color

    The background color for the mobile app's splash screen.

    Icon

    Upload an image to appear as the icon for the mobile app.

    Note

    For best results, use a 50px × 70px .png file with transparency.



In this section: