Look & Feel Overview UI V1

This section allows you to style your forms with banners, school logos and background images, change school's font style and colour and add a bottom and top logo to your email messages.

Here's an overview over the recommended size images should have when they're uploaded to EnrolHQ:

Screen_Shot_2023-10-05_at_4.55.01_pm.width-800

Look & Feel Overview UI V2

In 2024 we released an updated version of the Parent Dashboard that incorporates the use of both mobile devices and computers.

To preview all the current setting and compare[are them to the new UI version there are shortcuts in the parent links.

LInk to preview of new UI Jan 2025

If after you have previewed the new version you are happy with the presentation of the new form the you can switch immediately.

If your Form preview's are not displaying correctly, you will need to to to each of the Customisation setting to update the details for Events, Enquiries, Applications etc to review the setup.
If Individual events are not displaying correctly you may need to review each event header. Events Customisation Setup

How to turn on the new feature and update the look & feel.

Go to Settings > School Details > Features > New UI

Features Jan 2025

For the new UI version event header - there is only one place to set the header image, which is the 'Application Header Background Image' (old version) that is now to be renamed to 'Parent Dashboard Header Background Image' (new version- which is currently not reflected in settings).

However, by putting the header image there, this will apply to the entire parent dashboard - as it will be set everywhere (per current settings) if it is on for one form.

Here is some information regards the images for the new UI

Settings > look and Feel

Look and Feel - New UI Feb 2025

  1. Fonts - if a school wishes to add a custom font
  2. Palette - these are the colours from the Style Guide
  3. Images
    1. Favicon - image is used on your browser tab
    2. Logo - image is used to login to the parent dashboard
    3. Stacked Logo - image is used on all forms and the Parent Dashboard
    4. Parent Dashboard Header Background Image is for Parent Dashboard
    5. Parent Dashboard Header Large Background Image: is for Forms Header (application, enquiry etc)

So if you want an image in the Header for the Dashboard and on the forms you need to add in both locations, alternately you can use a different Image

Individual Header Images for each stub Form

If you would like to customise your forms with different images

Go to Custom Forms

Custom form - stub setup Feb 2025

Select the form you wish to modify the image for

Custom form - stub header image setup Feb 2025

  1. Enquiry Form
  2. Logo for the Form
  3. Image to be displayed at the top of the Selected Form

Custom form - stub header image example Feb 2025

Individual Header Images for Custom Forms only available for V2

If you desire a different header for each form then you need to edit each form to include the alternate image. for full instructions about Custom forms go to Creating Custom Forms

Custom form - header setup Feb 2025

If you do not replace the logo or image then the image that has been setup in Look & Feel will automatically be used.

If you have no image's setup in look & feel them the primary colour banner will be the default header

All the details shown in the image above are copied when the Custom Form is duplicated. this includes

  • Introductory HTML Snippet:
  • Confirmation Html:
  • Logo:
  • Header Image:
  • PDF Header HTML Snippet: