Manual Chapter : Personalizing Client Appearance in General View

Applies To:

Show Versions Show Versions

BIG-IP APM

  • 15.1.10, 15.1.9, 15.1.8, 15.1.7, 15.1.6, 15.1.5, 15.1.4, 15.1.3, 15.1.2, 15.1.1, 15.1.0
Manual Chapter

Personalizing Client Appearance in General View

What is client personalization?

To personalize client pages, you use BIG-IP Edge Client® customization. You can change the branding and localization of the BIG-IP Edge Client on client PCs and devices.

Uploading images for use in customization

You can add images for Access Policy Manager customization with the image browser. You can then select and use these images by means of settings within the Customization tool.
  1. On the Main tab, click
    Access
    Profiles / Policies
    Customization
    General
    .
    The Customization tool appears in General Customization view, displaying
    Form Factor: Full/Mobile Browser
    settings.
  2. On the menu bar, click
    Image Browser
    .
    The image browser opens in a new screen.
  3. Select the image filter method from the
    Filter Messages
    list.
    • Select
      Default Images
      to view the included default Access Policy Manager images.
    • Select
      User Uploaded Images
      to view the custom uploaded images.
  4. Add and remove images.
    • To add an image, click
      Add Image
      , select the image, and click
      Open
      .
    • To remove an image, select the image in the image browser, and click
      Delete Image
      .

Personalizing client colors, logos, and icons

In a connectivity profile, you can customize the appearance of the BIG-IP Edge Client®and the web client. The settings you specify are saved with the connectivity profile, and applied when users download the client package.
  1. On the Main tab, click
    Access
    Profiles / Policies
    Customization
    General
    .
    The Customization tool appears in General Customization view, displaying
    Form Factor: Full/Mobile Browser
    settings.
  2. From the
    Form Factor
    list at the top of the Customization tool, select
    BIG-IP Edge Client
    .
  3. To select the BIG-IP Edge Client, in the left pane, expand the folders and navigate to
    Customization Settings
    Connectivity Profiles
    name_of_connectivity_profile
    , and click
    BIG-IP Edge Client
    .
  4. Customize the settings for BIG-IP Edge Client branding.
  5. After you customize settings, click the
    Save
    icon at the top of the Customization tool.

Previewing customization changes

You must have customized an element with the Customization tool to see a preview of your changes.
After you customize and save an element with the Customization tool, you can preview the changes you have made in the Preview window. The Preview window opens a separate browser window, and shows a live update of changes as you save them.
  1. On the Main tab, click
    Access
    Profiles / Policies
    Customization
    General
    .
    The Customization tool appears in General Customization view, displaying
    Form Factor: Full/Mobile Browser
    settings.
  2. On the menu bar, at right, click the
    Preview
    button.
  3. Navigate to a page to view customizations.
    For example, to navigate to a logon page and view the results of access profile branding customization, in the Preview window expand
    Customization Settings
    Access Profiles
    access_profile_name
    Access Policy
    Logon Pages
    , then click
    logon_page_name
    .
The Preview window shows the results of any customization changes.

Appearance properties for BIG-IP Edge Client

You can customize the following appearance settings for BIG-IP Edge Client® with the Customization tool.
Name
Value
Description
Banner Color
A hex color code, for example,
#123ABC
. When you click the color value, two color choosers appear. One allows you to select a color from 40 common color blocks, and the other allows you to select any HTML color from a more sophisticated color wheel. You can also type the color value in as text.
Indicates the color that the banner for the BIG-IP Edge Client uses. Note that the Banner Text Color should be legible over this color.
Banner Text Color
A hex color code, for example,
#123ABC
. When you click the color value, two color choosers appear. One allows you to select a color from 40 common color blocks, and the other allows you to select any HTML color from a more sophisticated color wheel. You can also type the color value in as text.
Indicates the color in which the banner text appears. This color appears over the
Banner Color
and should be readable on it.
Logo
A 48 x 48 PNG, JPG, or GIF icon.
This logo appears in the BIG-IP Edge Client as the company logo. The generic logo is an F5 logo. To change the logo, click the logo popout button, then click
Replace
. Select an image file to replace the logo file. Note that you can add files to the Customization tool in the image browser.
Tray Icon Set
The F5 tray logo set or the generic icon set.
Select the setting that will appear in the system tray to show connection activity and status. You can choose the
F5
icon set (red ball), or a
Generic
icon set.

Localizing screen appearance for BIG-IP Edge Client

Configure localization for BIG-IP Edge Client® to change the messages and text in the BIG-IP Edge Client application.
  1. On the Main tab, click
    Access
    Profiles / Policies
    Customization
    General
    .
    The Customization tool appears in General Customization view, displaying
    Form Factor: Full/Mobile Browser
    settings.
  2. From the
    Form Factor
    list at the top of the Customization tool, select
    BIG-IP Edge Client
    .
  3. In the left pane, select the Text tab.
    A navigation tree displays in the left pane.
  4. To select the BIG-IP Edge Client, in the left pane, expand the folders and navigate to
    Customization Settings
    Connectivity Profiles
    name_of_connectivity_profile
    , and click
    BIG-IP Edge Client
    .
  5. At the top right of the Customization settings pane, select the
    Language
    for which to customize localization messages for the BIG-IP Edge Client.
  6. Customize the settings for BIG-IP Edge Client localization.
  7. After you customize settings, click the
    Save
    icon at the top of the Customization tool.

Previewing customization changes

You must have customized an element with the Customization tool to see a preview of your changes.
After you customize and save an element with the Customization tool, you can preview the changes you have made in the Preview window. The Preview window opens a separate browser window, and shows a live update of changes as you save them.
  1. On the Main tab, click
    Access
    Profiles / Policies
    Customization
    General
    .
    The Customization tool appears in General Customization view, displaying
    Form Factor: Full/Mobile Browser
    settings.
  2. On the menu bar, at right, click the
    Preview
    button.
  3. Navigate to a page to view customizations.
    For example, to navigate to a logon page and view the results of access profile branding customization, in the Preview window expand
    Customization Settings
    Access Profiles
    access_profile_name
    Access Policy
    Logon Pages
    , then click
    logon_page_name
    .
The Preview window shows the results of any customization changes.

Text properties for BIG-IP Edge Client

You can customize the following settings for BIG-IP Edge Client® customization with the Customization tool.
Name
Value
Description
About link
A URL
The text that appears as a link in the About area of the BIG-IP Edge Client.
About text
Text
Text, typically copyright info or some other identifying information, that appears in the About area of the BIG-IP Edge Client.
Application Name
Text
The application name, which appears in the status bar of the application.