Customizing the mid tier login page


As an administrator, you can customize the Mid Tier login page. You can customize elements such as background image, company logo, footer logo, banner, and tab icon.

To customize the Mid Tier login page

Perform the following steps to customize the Mid Tier login page. You can perform the steps in any order.

  • Perform all brand customization related changes in the ARMTlogin.CSS file, located in the resources\standard\stylesheets folder.
  • To customize the background image, use the login-cover-<1 to 4>.jpg file, located in the resources\standard\images folder and modify the following selector:

    .login-body.bgr-<1
    to 4>{               
    background-image:url(../images/login-cover-<1 to 4>.jpg);
    }
  • To customize the logo, use the ARMTlogin.css file, located in the resources\standard\stylesheets folder and modify the following selector:

    .login-form__logo-bmc{               
    background:url(../images/bmc-logo-pos.png) no-repeat;               
    height:30px;
    }
  • To customize the brand image, use the ARMTlogin.css file, located in the resources\standard\stylesheets folder. Upload the corresponding image to the resources\standard\images folder.
  • To customize the footer logo image, upload an image to the resources\standard\images folder.

To customize the tab icon

  1. In the AR System Resource Definitions form, add a new record by using the following values:

    Field

    Value

    Name

    MT:Custom:Favicon

    Status

    Active

    Type

    Image

    The following image types are permitted:

    • image/png
    • image/jpeg
    • image/vnd.microsoft.icon

    MIME

    image/x-icon

    Resource Attachment

    Attach favicon image

    Important: The file size must not exceed 300 KB.

    The following image shows the AR System Resource Definitions form:
    Fevicon-details.png

  2. Sync Mid Tier cache. For more information about Mid Tier cache sync, see Synchronizing-mid-tier-cache.

The following image shows a customized tab icon for all forms:

Customized tab icon.png

If you are using the Firefox browser, to reflect the new tab icon, you must perform hard reload (Ctrl + Shift + R) after syncing the browser cache.


 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*