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
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:
- 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:
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.