Full Page Form Creation

Mobile

To create a full page form for Mobile you need to do the following things:

• 

  Set Width to 430px

• 

  Set Height to 100%

• 

  Set Column width Padding to 10-15% on both the left and the right sides

• 

  Set Background Color on the Form Tab

• 

  Create a background image in Canva or other program but allow space based on your questions or heavily mind the contrast (1080x1920)

• 

  Set safe zone or be aware of safe zone

• 

  Set Background Image on the Column Element

• 

  Select Form Type to be Full Page

• 

  Preview form on multiple devices to ensure proper visuals

Set Width to 430px

Then set width to 430px and Height to 100%

Next we will need to set all our columns to have a “padding” of between 10-15% (judgement call based on looks here)

Create 1080x1920 image in canva or other like provider

Create a rectangle that is 755x1536, everything outside of this rectangle will be your safe area

You don’t need to be entirely outside it but you should understand how elements may interact with words on the top, more so than questions and buttons on the bottom, those should be fine with a high enough contrast.

When you download you’ll want to make sure you’re using a transparent background on the image.

Safe zone will vary by step question length, so keep this in mind.

Less will always be more on mobile.

Once confirmed, set the background image on EACH column, this is done for maximum flexibility in case you wanted to get crazy and mix up the background per step for ultimate creativity.

Select form type full screen

Always remember to preview the forms on multiple devices as well.

Then right click inspect from your browser

Then be sure to go through the prebuilt in mobile options