Documentation for Fullscreen Dynamic Form

Installation Instructions

1. Unzip this file in your site's packages/ directory.
2. Login to your site as an administrator.
3. Find the "Add Functionality" page in your dashboard.
4. Find this package in the list of packages awaiting installation.
5. Click the "install" button.

The Fullscreen Dynamic Form add-on is an improvised form block which places a fixed call to action on the side of your site. If clicked will popup an overlay showing your form.

How to add a form sitewide:
Locate a site-wide area and add the add-on.

How to add the fullscreen dynamic form on the current page only:
Locate a non-sitewide area and add the add-on

Steps to add the Fullscreen dynamic form:
Install add-on
Locate area to place add-on (sitewide preferably).
Click the area.
Choose “Fullscreen Dynamic Form” from the blocks panel
Option modal will appear (similar to core form block)
Fill in the necessary options to create your form.
Select the Options tab to customise the add-on further (CTA colour, background, title, description, etc.)
Hit save.
Publish page.


What are form groups for?
* Form labels are always numbered incrementally for each form option you add, the group feature helps you group options together while having the same numerical identifier -  similar to the demo see “3. Leave your contact details below so we can call you back”.
Can I add more that one form?
* No, you can only have 1 site wide form or 1 local form (for each page).
How do you add the first form on the demo?
* Use checklist as the “answer type”.
How can you move form options to the group?
* By dragging it from the list to the group.

Additional Options:
Form name - Title of the form to show in overlay
Form description - Description of the form. seen under the title
Background Colour - Overlay colour
Text Color - Font colour of labels
CTA Text - Call to action text displayed on the sticky link on the side of your page
CTA Position - Choose where the CTA will appear.  Choose between upper left, middle left, lower left, upper right, middle right, and lower right.