# Branding

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:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-MgtkBjEuUX8e9iJugxr%2F-MgtkSwpcNZZ-jbzDarf%2FScreenshot%202021-08-12%20at%2010.46.45.png?alt=media\&token=a2bfbbb8-5873-464a-a778-cbf32f45ef4c)

{% hint style="info" %}
The only bit now relevant is v2 Web Site Based
{% endhint %}

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.

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-Mgtk_i0lkCYmwQpKUJv%2F-Mgtky8DsTSSml0NqFAO%2FScreenshot%202021-08-12%20at%2010.48.59.png?alt=media\&token=ab3d141e-654a-490d-a42a-fd855162d14f)

## Branding Folders

If we click 'Select' for one of these forms we see the following:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-MgtlC9KAYcEL-4UXYy2%2F-Mgtm6Bw7tibefBi0JLf%2FScreenshot%202021-08-12%20at%2010.53.56.png?alt=media\&token=83a3c816-30f7-4a4e-aa2b-227927ac25fd)

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.&#x20;

## Branding Files

If we click on the 'John' folder we see this which shows the available CSS files:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-MgtlC9KAYcEL-4UXYy2%2F-MgtmcHOx_CBlpn4mbgu%2FScreenshot%202021-08-12%20at%2010.56.14.png?alt=media\&token=9e8bdcf1-da07-4c3c-935a-1099d5746b0e)

To create a new CSS file it is simply a case of clicking the 'New file' option:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-MgtlC9KAYcEL-4UXYy2%2F-Mgtmqz645RYvuxPrVmU%2FScreenshot%202021-08-12%20at%2010.57.15.png?alt=media\&token=cc28c4dd-815d-4cd9-a2c8-5e09141aaf71)

{% hint style="danger" %}
You **MUST** add .css to the end of the file name.
{% endhint %}

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:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-MgtmzcZbwkyH-VTEnYj%2F-MgtnKmLjLkRhBpKSzAw%2FScreenshot%202021-08-12%20at%2010.59.19.png?alt=media\&token=33fdbdcd-45fd-4b97-b00b-4ba31d9bb138)

{% hint style="info" %}
For you to see the changes, you ***might*** need to go to the Framework tab and **for the form you changed the branding for,** click on the 'Clear cache' link.

AND clear your browser cache
{% endhint %}

## Branding the Answers/PDF

{% hint style="success" %}
You don't need to do this - this is for added customisation/localisation.
{% endhint %}

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.&#x20;

###

###

### Branding the PDF

The setting:

**BrandedHardCopyStylesheet\_v2**

{% hint style="info" %}
**If this setting is not visible against the form settings contact help.ieg4.com who will make it visible.**
{% endhint %}

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**.

{% hint style="warning" %}
As this is a setting, to push it to test/live you need to publish the form.
{% endhint %}

###

###

### Branding the Review Your Answers

The setting:

**BrandedImageStylesheet\_v2**

{% hint style="info" %}
**If this setting is not visible against the form settings contact help.ieg4.com who will make it visible.**
{% endhint %}

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**.

{% hint style="warning" %}
&#x20;As this is a setting, to push it to test/live you need to publish the form.
{% endhint %}

## Moving Branding between environments

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.&#x20;

To copy content from say the eClaim development environment to test and live you click the following:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-Mgtx2ktnAaFggBj22jX%2F-MgtxVvOvMKoTgz-looh%2FScreenshot%202021-08-12%20at%2011.43.33.png?alt=media\&token=1817669d-a94b-4385-8a7f-78aebc03de71)

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:

![](https://2446085776-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mgp5Z7yRwKJeCMlRrzD%2F-Mgtx2ktnAaFggBj22jX%2F-MgtyQvzei1kYqe0vtuj%2FScreenshot%202021-08-12%20at%2011.47.48.png?alt=media\&token=78dba293-cda4-4621-a643-20e7a88b7c01)
