Build a Form

Before you start

  • Requires: Admin role.
  • You'll need: a Form stage on a campaign workflow. See Design a Workflow if you haven't created one yet.

Open the form builder

  1. Open the campaign and switch to the Workflow tab.
  2. Find the Form stage card and click Build Form.
  3. The form builder opens full-screen on a new page.

If you previously left the builder with unsaved work, you'll see a "Loaded draft from local storage" toast — your local draft has been restored. Click Save to Database when you're ready to commit it, or keep editing.

Tour of the builder

The form builder has four areas:

AreaWhat it's for
Top barForm type badge (when applicable), form ID, save status indicator (e.g. Draft saved), and the Save button on the right
Toolbox (left rail)Drag-and-drop palette of question types — text, choices, file upload, etc.
Canvas (center)Live preview of the form. Click a question to select it. Drag questions to reorder.
Property grid (right rail)Properties of the selected question or page — title, description, validation, scoring, and dozens more

Three tabs run along the top of the canvas:

  • Designer — the default. Build the form here.
  • Preview — try the form as a candidate would see it.
  • Translation (when enabled) — provide localized strings for multi-language candidates.

Add and configure questions

  1. From the Toolbox on the left, drag a question type onto the canvas.
  2. Click the question to select it. The property grid on the right populates with its settings.
  3. Set the basics:
    • Title — what the candidate reads. Keep it short and direct.
    • Description — optional hint text shown under the title.
    • Required — toggle on if the candidate must answer to advance.

The Name field is locked — it's auto-generated as q_<id> so candidate submissions stay traceable across edits. Don't try to rename it.

Question types reference

The toolbox includes the full SurveyJS catalog plus two custom types tailored for admissions. Most-used types:

TypeUse for
Single-line input (text)Short text answers — name, ID number, URL
Long text (comment)Open-ended responses (motivation letter, essay). Supports a Max Words limit
Radio group / CheckboxesSingle-choice / multi-choice questions
DropdownLong single-select lists where a radio group would be too tall
Rating1–5 or 1–10 scales
File uploadDocuments — transcripts, ID, PDF portfolio. Set accepted file types in the property grid
BooleanYes / No
Country (custom)Country dropdown — populates from a network endpoint at runtime
Phone (custom)International phone field with a country-code selector and as-you-type formatting

Specialized types also in the toolbox: Matrix, Multiple text, Ranking, Image picker, Signature pad, Expression (computed value), and HTML (free-form layout). Open the toolbox to see them all.

Conditional logic and validation

For any selected question, the property grid exposes:

  • Visible If — show or hide a question based on another answer (e.g. show "Other - specify" only when Other is picked).
  • Required If — make a question conditionally required.
  • Validators — built-in checks (email format, numeric range, regex, expression, text length).
  • Default value and Calculated value — pre-fill answers or compute them from other fields.

These properties live under Logic and Validation sections in the property grid — scroll the right rail to find them. The Logic tab on the canvas (when enabled) provides a higher-level rule editor for complex conditions.

Save your work

There are two layers of saving — make sure you understand the difference:

LayerWhen it happensWhere it livesVisible to candidates
Draft auto-saveEvery changeYour browser's local storageNo
Save to DatabaseWhen you click the buttonThe CRM databaseYes, immediately

The save status in the top bar tells you which layer fired most recently:

  • Draft saved (info color) — local-only.
  • Saved successfully (success color) — committed to the database.
  • Save failed (red) — something went wrong; retry or check connectivity.

The save button label changes based on context:

  • Create & Link Form — first save of a brand-new form bound to a stage.
  • Save to Database — subsequent saves of an existing form.
  • Save Form — when building a standalone form template.

Quiz mode

If the stage's Form Type is Quiz (set on the stage, not in the builder), the builder shows a Quiz badge in the top bar and two extra question properties appear in the property grid:

  • Score — the points this question is worth. Default 1. Set higher for weighted questions.
  • Manually Graded — flag for open-ended questions that need a human reviewer. Manually-graded questions don't contribute to the auto-graded score until reviewed.

For auto-graded question types (radio group, checkbox, dropdown, boolean), set the Correct Answer in the property grid. SurveyJS surfaces this option once the question is in a quiz form.

The quiz-wide settings — Time Limit, Passing Score, Show results immediately, Allow backtracking — are configured on the stage itself, not in the form builder. See Design a Workflow → Form stages.

Math equations (LaTeX)

The builder supports LaTeX in question titles and descriptions. Wrap inline math in single dollar signs and block equations in double dollar signs:

Inline: $E = mc^2$
Block:  $$\int_0^\infty e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}$$

Useful for STEM admissions assessments. Equations render in both the builder preview and on the candidate's screen.

Reusable form templates

If you need the same form across multiple campaigns, build it once as a template instead of copy-pasting:

  • Form templates are managed from Settings → Templates (organization-level).
  • When you add a Form stage, the Use Existing Form as Template picker copies a template's questions into the stage. The stage's form is then a copy — editing it doesn't change the template.
  • Quiz templates carry their quiz settings (time limit, passing score, etc.) into the stage automatically.

Troubleshooting

SymptomCauseFix
Build Form button missing on the stage cardYou're signed in as Campaign Manager or MemberAsk an Admin to build the form
Changes vanish after closing the tabYou only saved a Draft (local), never clicked Save to DatabaseAlways click Save to Database before closing the tab
"Loaded draft from local storage" toast on revisitLocal draft from a previous session was restoredContinue editing, then click Save to Database. If you don't want the draft, refresh and clear browser storage
Save button says "Save failed"Network or permission issueCheck connectivity. If the network is fine, the form size may exceed limits — split into multiple pages
Question Name field is read-onlyNames are auto-generated to keep submissions traceable across editsDon't rename — use Title for the candidate-facing label instead
Quiz badge missingThe stage's Form Type is set to Question Form, not QuizOpen the stage settings and switch Form Type to Quiz
Score / Manually Graded properties missing on questionsSame as above — Form Type isn't set to QuizSwitch the stage's Form Type to Quiz
Country dropdown shows no optionsBrowser can't reach the network endpoint that supplies the country listCheck that the browser allows network requests to SurveyJS's countries endpoint, or replace it with a static dropdown
LaTeX equations show as raw $E = mc^2$ textThe question is in a field that doesn't render markdown/HTMLMove the equation to Title or Description, both of which render LaTeX

Was this page helpful?