Branding
Last updated
Was this helpful?
Last updated
Was this helpful?
It is possible to change the branding of the following to match your council's own corporate branding:
The online form itself
The document presented when reviewing answers at the end of a form before submission
The resulting PDF from the form submission
As a result there is a dedicated 'Branding' section within the Form System Management application:
When you enter the Branding area you will see a list of all of the product services you have. This is because it is possible to have the same or different branding for each form.
If we click 'Select' for one of these forms we see the following:
To enable organisation of different CSS files you might use there is the ability to create branding folders which is what the above is. It is possible to create a new folder by simply clicking the option of 'New folder' above.
If we click on the 'John' folder we see this which shows the available CSS files:
To create a new CSS file it is simply a case of clicking the 'New file' option:
You MUST add .css to the end of the file name.
When you've added your CSS file, you can go and edit its contents. Once you're happy with the CSS file, it is a case of ticking the 'Use this file as the active stylesheet' check box. Doing so controls adding this branding for the form itself:
You don't need to do this - this is for added customisation/localisation.
As mentioned before it is possible to also change the branding for:
The document presented when reviewing answers at the end of a form before submission
The resulting PDF from the form submission
To do this you create CSS files as shown above but don't check the box 'Use this file as the active stylesheet.
Instead, what you need to do is update two settings with the name of the CSS file(s) you've created. I.e. go to the Settings tab of the Form System Management.
The setting:
BrandedHardCopyStylesheet_v2
Enables you to change the branding of the PDF output. The way you add the setting this is as follow:
John/Guide.css
Where the Branding folder is John and the CSS file for the PDF is Guide.css.
As this is a setting, to push it to test/live you need to publish the form.
The setting:
BrandedImageStylesheet_v2
Enables you to change the branding of the Review Your Answers output. The way you add the setting this is as follow:
John/NewReview.css
Where the Branding folder is John and the CSS file for the PDF is NewReview.css.
As this is a setting, to push it to test/live you need to publish the form.
With the exception of branding of the PDF/Review Your Answers content, in order to publish content from one environment and indeed one form to another, you use the 'Copy to other sites' function.
This is against every product form/eDesigner because there can be different CSS folders for each product form and another for eDesigner.
To copy content from say the eClaim development environment to test and live you click the following:
Then click the other environments for that form to copy to and press Save at the foot of the page. This action will make whichever CSS is active in the Housing Benefit new claim folder, active in the Test and Live environments, as well as copying any CSS changes across: