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