I. Accessing the Form Builder
Navigate to your Program and click on the "First Round" tab.
Click the "Submission Form" tab.
Best Practices for Intitial Setup
Submission Tracks: If you have multiple submission tracks, make sure you’ve selected the correct track from the drop-down menu at the top before you begin editing the submission form.
Unique Submission Title: Set a clear naming convention for submissions. To do this, click the settings icon next to the submission form title, then choose which question's answer will provide the unique name for each submitted entry (e.g., the idea's name or the team's name).
II. Sub-Tabs for Form Configuration
The submission form interface is organized into five sub-tabs located above the main canvas. You will use these tabs to build and customize your form:
Designer
Preview
Logic
Code Editor
Translations
III. Designing Your Form (The Designer Tab)
The Designer tab is where you visually create and arrange your form elements.
A. Form Builder Field Types
The left menu offers a variety of question and content types. You can add questions by selecting a type or by clicking Add a Question in the center of the canvas.
Input Category | Field Types Available | Function |
Text & Basic Data | Single-line input, Long text, Multiple text boxes | Collects standard written responses and short data entries. |
Selection & Rating | Radio button group, Checkboxes, Drop Down, Multi-select drop-down, Boolean (Yes/No), Rating scale, Ranking | Collects structured input (choices, scores, ranking) for easy analysis. |
Files & Media | File upload (set max file size), Image Picker, Image (upload images directly into the form) | Allows participants to upload files or media, or lets organizers add static images to the form. |
Structure & Customization | Panel (group related questions), Dynamic Panel, HTML (add custom content) | Used for organizing the form layout, creating repeatable sections, or embedding custom code. |
B. Customization Methods
After adding a question, you have two methods for fine-tuning its behavior and appearance:
Quick Edits: Edit directly within the question box (e.g., adding a title or making the field mandatory).
Advanced Customization Panel: Customize the form further by using the advanced editor panel on the right, which contains several tabs for complex settings and fine-tuning:
Panel Tab | Functionality |
General | Edit title, description, visibility, read-only, and form language. |
Logo | Upload and configure the survey logo. |
Navigation | Configure how participants move between pages. |
Question | Edit question order, title alignment and other settings. |
Pages | Manage the titles, page numbers, and flow of multi-page forms. |
Data | Manage auto-saving data on page change. |
Validation | Add input validation rules. |
Form Complete | Customize the final message participants see after successfully submitting the form. |
Timer | Configure time limits for the form or page. |
IV. Optimizing Your Form
After designing your form, you can optimize your form's functionality and performance further through the following tabs:
Preview Tab: This tool shows a live preview of your form, allowing you to confirm the final appearance and functionality for participants before launch.
Logic Tab: Use this feature to create dynamic forms by setting up conditional logic. This allows you to show or hide questions based on a participant's previous answer.
Example: If a participant answers “Yes” to “Are you a university graduate?”, a new question like “What is the name of your university?” will appear.
How to Add Conditional Logic:
Click Add New Rule.
Select the question you want to show/hide.
Set the condition for when it appears.
Use the Preview Tab to confirm the logic's behavior.
3. Code Editor Tab: This tool is available for advanced users who require direct control over the form’s underlying code for highly specific structure or appearance changes.
4. Translations Tab: This feature allows you to offer translations for all questions in your form, making your application accessible to a broader audience.
What's Next?
With your Submission Form designed and optimized, the next step is to define how submissions will be scored.