Customizing the banner images

Optionally, you can customize the bannerImage elements of the Employee Preview templates.

  1. Download the HomePages.zip file in KB2005763 on Infor Customer Portal.
    See Configuring and deploying customized homepages with HomePages.zip.
  2. Select the Employee Preview template to customize:
    1. Open the HomePages folder that you extracted.
      The default file path of the HomePages folder is C:\Users\users\Downloads.
    2. Right-click the Employee Preview template.
      You can customize the banner images in any of these Employee Preview templates:
      • EmployeePreviewFullBackground.html
      • EmployeePreviewGradient.html
      • EmployeePreviewMonochrome.html
      • EmployeePreviewShortBanner.html
      • EmployeePreviewSplitBanner.html
      • EmployeePreviewTallBanner.html
    3. Click Edit with Notepad.
  3. Specify the banner image's file name in url('../resources/images/').
    For example, the name of the banner image is blue-banner.jpg.
    <div class="bannerImage" style="background-image:url('../resources/images/blue-banner.jpg');"></div>

    You can remove the second url('../images/bannerimage.jpg') code because it is not required in a customized home page.

  4. To save your changes in the banner image, select File > Save.
  5. Copy the banner image to C:\Users\users\Downloads\HomePages\images folder.
  6. Zip the HomePages folder:
    1. Open the HomePages folder.
    2. Press Ctrl + A to select all files in the HomePages folder.
    3. Right-click the selected files.
    4. Select Send To > Compressed (zipped) folder.
  7. Upload and deploy the .zip file that you customized to a Configurable Home Page record.
    See Configuring and deploying customized homepages with HomePages.zip.