Manual Chapter : Customizing the APM logon page

Applies To:

Show Versions Show Versions


  • 13.0.1, 13.0.0
Manual Chapter

Overview: Customizing the logon page

Using the Customization tool, you can personalize your logon page with your organization's brand images and colors, and change the layout of the logon page screen. In this implementation, you change a header logo image on the logon page.

Customizing a logo on the logon screen

Customization is a trial-and-error process. For practice, you should create a new virtual server and policy in Access Policy Manager® (APM®) before you start customizing your logon page.
With the customization tool, you can personalize and localize page layout, colors, images, and messages for the BIG-IP® APM browser pages.
  1. In your web browser address bar, type the IP address of the BIG-IP system with which you are working.
    The BIG-IP system logon page opens.
  2. Right-click the logon page.
    The browser shortcut menu opens.
  3. Click Inspect Element.
    The Inspect Element option might appear as a different name in different browsers (such as, View Source).
    A screen displaying the HTML code of the web page opens.
  4. Hover your cursor over a line of HTML code.
    You can see the exact HTML code that matches the icons, text, entry fields, and buttons that appear on the GUI. The tag ID displays the type of the object on the GUI, such as a header or a banner.
  5. On the logon page, in the Username and Password fields, type your user name and password, and click Log in.
  6. 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.
  7. In the left pane, expand the folders and navigate to Profiles > Common > access_profile_name > Common , then click Page Header Settings.
    The profile for your configuration is unique. You can select the profile that is relevant to the BIG-IP system. For other items in the Configuration utility besides the page header, use the HTML code to determine the correct tab and the policy in the Customization screen.
    The Page Header Settings display.
  8. For the Header left image (Full Size) setting, click the file path of the image in the Value column, and in the resulting field, type the file path of the new image that you want to add.
  9. Click the Save button.
  10. On the Main tab, click Access > Profiles / Policies .
    The Profiles List screen opens.
  11. Select the check box for the policy that you customized.
  12. Click Apply Policy.
  13. Click Log Out.
    The logon page opens.
The header logo is now the new image that you uploaded in the Customization screen.