Banner customizations

You can customize these banner elements in the Employee Preview template:
  • Text
  • Images
  • Links
  • Buttons

Before you customize a banner of the Employee Preview template, you must download the HomePages.zip file in KB2005763 and extract the file in your desktop.

See Configuring and deploying customized homepages with HomePages.zip.

You can customize the banner in any of these Employee Preview templates in the HomePages.zip file:
  • EmployeePreviewFullBackground.html
  • EmployeePreviewGradient.html
  • EmployeePreviewMonochrome.html
  • EmployeePreviewShortBanner.html
  • EmployeePreviewSplitBanner.html
  • EmployeePreviewTallBanner.html

This HTML code is an example of an Employee Preview template with a banner that is customized:

<div class="banner">
    <!-- The second url() parameter below is a back-up path in case the first does not exist, and is likely unnecessary when creating a custom banner -->
    <div class="bannerImage" style="background-image:url('../resources/images/blue-banner.jpg');"></div>
    <div class="bannerContent">
        <div class='bannerHeader'>I am customizing the banner!</div>
        <div class='bannerMessage'>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </div>                        
        <div class="bannerButtonContainer">
            <button class="bannerButton" onclick="hcm.util.navigateTo('https://www.infor.com')">Get Started</button>
            <button class="bannerButton" onclick="hcm.util.navigateTo('https://www.yourhost.com/welcome')">Welcome</button>
            <button class="bannerButton" onclick="hcm.util.navigateTo('/menu/XiEmployeeMenu.NewEmployee')">New Employee checklist</button>
        </div>
    </div>
</div>