Customising "System Under Maintenance" Page During Snapshot installs

Liberty Create
1

When applying snapshots in Liberty Create, the grey “System Under Maintenance” page is displayed. When snapshots are applied to Central, the portal also becomes unavailable and shows the same default maintenance page.

We would like to understand whether this maintenance page can be customised - specifically, whether we can apply our own branding (CSS) and messaging so it aligns with our Council website and existing outage communications.

It is important that the page reassures customers that services are unavailable due to planned maintenance. The term “Liberty Create” is not meaningful to our customers/residents, so the messaging should clearly relate to our Council’s online services.

As we cannot remove all links to online services or the portal during outages, a branded and recognisable message will help maintain customer trust and avoid unnecessary concern, particularly around cyber security.

Thanks

2

Hi Sarah,

The maintenance page is able to be fully customised inside your theme pack. It is all done in maintenance.vue where you are able to customise your page fully with branding and appropriate messaging you wish your users to see.

Carl

3

Hi Carl,

Thanks for the information.

For the changes to maintenance.vue, could you let me know how I can load the page without creating a snapshot, so I can check that everything looks correct?

4

Hi Sarah,

Sure! If you navigate to system variables in your build studio on your build environment and enable maintenance mode, you can validate it this way.

Carl

5

Hi Carl,

Thank you for your guidance. I have made changes to the maintenance.vue file and tested them, but I am still seeing a different logo and page text than expected.

Are the maintenance.vue or error.vue files overridden elsewhere in the system?

I also made a change in main.js (which calls the maintenance/error pages), and that change was reflected correctly in the browser. However, updates to the .vue files themselves are not appearing.

I have:

  • Cleared browser cache (including hard refresh)

  • Recompiled/rebuilt the theme pack

  • Checked for runtime/console errors (none found)

It appears that a different source is being rendered instead of the updated .vue files. **How can I ensure that my updated maintenance.vueand error.vue are being used, and what steps are required to fix this?
**
Thanks

6

Hi Sarah,

Your theme pack should be attached to a theme. You will then need to ensure that this theme is linked to the setting “Default theme for system pages” which is also under system variables in your build studio.

This theme is what kicks in when there is no interface you are in which will designate its own theme to use.

Carl