Personalise the PDF report by adjusting the colour of headers to fit your company style and colour. 

No MoreApp account yet? Sign up here.

This feature is available in the Branch, Tree and Forest plan. Visit our Pricing page

1. Turn on the Advanced mode

Once you have logged into the MoreApp Platform, create or select your form and click on Edit Form. When you have finished the form, you can turn on the Advanced mode in the Email tab. After you switched on the Advanced settings of the Email, modifications in your form are not updated automatically in the PDF report. When you add a new widget to your form, manually add the widget in the PDF report using HTML code or click on Reset attachment in the bottom right corner of the Email tab. MoreApp will update the new widget codes accordingly to their position in your form.

2. Open the code view

Scroll up in the Email tab. You can find the code view ( </> ) just above the logo in the PDF settings. The HTML code automatically becomes visible after you have clicked on code view.

Search in the HTML-code (ctrl + f for Windows / cmd + f for Mac) for </style> and place this code above it. 

     table.main h2 { 
padding: 5px;
background-color: #1dc4c2;

If you want the Header-widgets with H1, H3, H4, H5 and H6 also coloured. Add behind table.main h2 a comma (,) + space and repeat the word: table.main h3  

If you want to add text in a different color, add the code below under background-color:

color: #HEX-CODE;

Replace the color code for the HEX-CODE. Here you can find color codes. 

When done, click on code view again and hit Save & Publish

Want to stay up to date with our latest tutorials? Go to YouTube and hit the Subscribe button!