Configure Site Header

To customise the banner that is displayed at the top of each Aqualus Water Customer Portal page, click the Modify button that is adjacent to Configure Site Header. You will be provided with a form that provides options for each of the different components within the header that can be customized -

• Header Background: The header background image positioned underneath the logos. Sizing guidelines are provided
• Header Branding Left: The header left branding image. This can be a transparent image. Sizing guidelines are provided.
• Header Branding Right: The header right branding image. This can be a transparent image. Sizing guidelines are provided.
• Header Navigation Bar: A background image for the header navigation bar. Sizing guidelines are provided.
• Header Navigation Bar Active: A background image for the header navigation link when active. Sizing guidelines are provided.
• Email Header Image: The image used as the header image in emails. Sizing guidelines are provided.
• Mobile Back Button: The image used for the back button, should contain an active and inactive version. Sizing guidelines are provided.
• Mobile Header: The single image used for the mobile application header. Sizing guidelines are provided.
• Mobile More Button: The image used for the more button, should contain an active and inactive version. Sizing guidelines are provided.
• Report Template Header Banner Large: The large header banner, which is displayed at the top of reports and takes up the entire width. This is only used if the system constant "enableReportHeaderBannerLarge" is set to 1. Sizing guidelines are provided.

To alter a header image, click the  button adjacent to that item and select a new image. Ensure that the uploaded image matches the minimum or exact width and height dimensions that are specified. Only .png, or .jpg image files may be uploaded.

 

When all the desired images have been provided, click Apply Changes to upload the images and deploy the changes within Aqualus Water Customer Portal.

 

Select the View Interface Design Standards [BLUE-UI] link from the Operations menu for more information regarding site Interface Designs.