Customizing the banner links

Optionally, you can do these customizations to banner links of the home pages in the Employee Preview templates:
  • Change text of banner links
  • Link external and relative URLs to banner links
  • Add or remove banner links
  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 links 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. To link an external website in the banner link, specify the website's external URL in the <a onclick="hcm.util.navigateTo('https://www.infor.com')"> tag.
    For example, specify https://www.infor.com as the website to link.
    <div class="bannerLink">
            <a onclick="hcm.util.navigateTo('https://www.infor.com')"><span>New Employee checklist</span><svg aria-hidden='true' focusable='false' role='presentation' class='icon'></a>
        </div>

    An external URL is started with an https:// syntax and opened automatically in a new browser window.

  4. To link an HR Talent menu in the banner link, specify the relative URL in the <a onclick="hcm.util.navigateTo('/menu/XiMenu.Item')"> tag.
    For example, the relative URL for the HR Talent menu is /menu/XiEmployeeMenu.NewEmployee. 
    <div class="bannerLink">
            <a onclick="hcm.util.navigateTo('/menu/XiEmployeeMenu.NewEmployee')"><span>New Employee checklist</span></a>
        </div>

    A relative URL is started with / and opened in the current window. A relative URL to an HR Talent menu is started with /menu.

  5. To change the text of the banner link, specify the text in the <span></span> tag.

    For example, specify Welcome as the text of the banner link.

    <div class="bannerLink">
            <a onclick="hcm.util.navigateTo('https://www.yourhost.com/welcome')"><span>Welcome</span></a>
        </div>
  6. To add a banner link, specify the <div class="bannerLink"></d> tag.
    You can edit the tag of the banner link.
  7. To remove a banner link, delete the <div class="bannerLink"></div> tag.
  8. To save your changes in the banner link, select File > Save.
  9. 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.
  10. Upload and deploy the .zip file that you customized to a Configurable Home Page record.
    See Configuring and deploying customized homepages with HomePages.zip.