Customise the Staff Portal

TABLE OF CONTENTS

• Introduction
• Portal Images
• Add a background image to the log in screen.
• Add an image to the top left of the screen
• Add an image to the log in window

Introduction

The Staff Portal can be customised to incorporate your school branding/colours. You can add logos and change the colours of panels, buttons and text.

Portal Skin
To change the primary, secondary and tertiary colours follow these steps.

1. Go to Admin > Set Up > Portal Skin.
2. Select the Colour box on each line and select the required colours.
3. Select Save this Skin As…. and enter a name.
4. Select Save.
5. Log out and back into the Portal or select crtl+F5 to refresh and see the changes.

Select Reset to Default Colours if you wish to change it back.
 

Portal Images

An image or logo can be added to the Portal homepage and a background image and a logo on the login window. The image/logo for the homepage is approximately (sized 235x66) and to get the best results use images/logos on a white background. 

Add a background image to the log in screen.

1. In the Portal go to Admin > Setup > Portal Image Setup.
2. In the Login Background Image section untick the Use Engage Default field.
3. Choose Select in the Upload Image field.
4. Browse for the image and double click on it.
5. Press the Upload button.
6. The image will appear in the Preview section.
7. Tick Stretch to fill screen if required.
8. Choose the Log in Form Opacity (between 0- 100%).
9. Select Save.
10. Log out the Portal to view the log in screen.

Add an image to the top left of the screen

1. In the Portal go to Admin > Setup > Portal Image Setup.
2. In the Portal Navigation Logo section de-select Use Engage Default.
3. Click Select and browse to where your logo is stored and double click on it.
4. Once imported, select Upload and Save and the logo will appear on the homepage. 

Add an image to the log in window

1. There is a folder on the Portal server containing the Portal install files. This is typically C:\inetpub\Engage_Portal or C:\inetpub\wwwroot but can vary for schools.
2. In the C:\inetpub\Engage_Portal\images folder there's an image called dfLogo.
3. You will need to rename or remove this original image.
4. Add the image you want, ensuring it’s called dfLogo. The newly added image must be in a GIF format.
5. The image will appear on the Portal above the username and password fields.

Note: If there is a problem uploading a bespoke image, the support team will only be able to correct the issue by uploading the original dfLogo file.