Add company logo/background to Payslip/ESS

21-Oct-2022 · Felix Fung

Why add your company logo/background to Payslip or ESS?

Of course you want to customize the look-and-feel of Backstage and ESS Portal by displaying your company logo or background. Some clients have quarterly background image displaying the latest brand value. You can show your company logo/image at these locations:

Payslip
- 　Header
- 　Footer
ESS Portal
- Logo at the Navigation Bar
- 　Background image

How to add your company logo to Payslip or ESS?

1. Add your company logo as header or footer to Payslip

Go to Master Data->Organization, open the Parent Organization(with TOP label next to it)
Go to Attachment section->Add New
Upload your logo
- For Payslip Header, Attachment Type = Profile Picture
- For Payslip Footer, Attachment Type = Payslip Footer
Save

The Header and Footer image will occupy the whole width of the payslip. So make sure your image is in the proper dimension of 1500 px x 200 px.

Windows: Use the tool Microsoft Paint, and change the dimension to 1500 x 200 px. Then paste your company logo to it and save it.
Macs: Use the Preview edit in Macs. You can take a look at the following page for your reference.
Mac Preview

2. Add your company logo to ESS

Go to Master Data->Organization, open the Parent Organization(with TOP label next to it)
Go to Attachment section-> Add New
Upload your logo
- Attachment Type = ESS Logo
Save

As the top bar at ESS has a darker background, it is suggested to have a transparent and white-washed logo for best display. We usually do this by setting brightness = 100.

3. Add your own background to ESS

Go to Master Data->Organization, open the Parent Organization(with TOP label next to it)
Go to Attachment section-> Add New
Upload your background image
- Attachment Type = ESS Background
Save

What's Next?

Open the Payslip/ Log in ESS to check the logo/background

In this page