Customizing the banner buttons

Optionally, you can do these customizations to banner buttons in the Employee Preview templates:
  • Change text of banner buttons
  • Link external and relative URLs to banner buttons
  • Add or remove banner buttons
  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 buttons 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 button, specify the website's external URL in the onclick attribute of the <button class="bannerButton"></button> tag.
    For example, specify https://www.infor.com as the website to link.
    <div class="bannerButtonContainer">
            <button class="bannerButton" onclick="hcm.util.navigateTo('https://www.infor.com')">Get Started</button>
        </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 button, specify the relative URL in the onclick attribute of the <button class="bannerButton"></button> tag.
    For example, the relative URL for the HR Talent menu is /menu/XiEmployeeMenu.NewEmployee. 
    <div class="bannerButtonContainer">
            <button class="bannerButton" onclick="hcm.util.navigateTo('/menu/XiEmployeeMenu.NewEmployee')">New Employee checklist</button>
        </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 button, specify the text in the <button class="bannerButton"></button> tag.

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

    <div class="bannerButtonContainer">
            <button class="bannerButton" onclick="hcm.util.navigateTo('https://www.yourhost.com/welcome')">Welcome</button>
        </div>
  6. To add a banner button, specify the <button class="bannerButton"></button> tag.
    You can edit the tag of the banner button.
  7. To remove a banner button, delete the <button class="bannerButton"></button> tag.
  8. To save your changes in the banner button, 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.