Styling Guide

Modified on Tue, 15 Jun 2021 at 09:49 AM

To add styling to your apps, navigate to the 'My Apps' menu. Click Manage on the app you would like to edit, and move to the Customise tab.

You have the ability to add styling using hex colour values, a banner image, and progressive web app features.

For the bold we also include advanced styling options with custom CSS styling for your Apps and Forms. 

Custom CSS allows for more specific styling options. See the Image below for how these can be used to style your forms library.

PDF Customisation

Note: The banner image you upload will also be displayed on the generated PDF if you choose to use the Email + PDF submission event.

Progressive Web App Settings

These are used to add an app name, splash screen title, and an icon to your progressive web apps. 

The splash screen is made up of the highlight colour (background), icon (centred), and the splash screen name.

The icon must be a 512 x 512 pixels .png. 

To help generate an icon you can use this link

Advanced Styling

You are also able to add your own Advanced Styling. To use the Advanced Styling press the 'EDIT CSS' button. 

This will open an editor box which will allow you to input CSS code. To see the class References, press the 'CSS REFERENCE GUIDE' button. 

To save and view your CSS code use the 'SAVE' button, and then open the app.

Some CSS Examples

Get Help

If you have any question or would like assistance with setting up your App Styling please contact us via this support portal or email We are happy to assist in any way we can.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article