Skip to content

Creating Forms

This guide explains how to create, edit, and manage forms in FormVox.

Creating a New Form

From the FormVox App

  1. Open FormVox from the Nextcloud navigation bar
  2. You'll see the template gallery on the homepage

FormVox Homepage

  1. Click on a template card to create a new form:
  2. Blank - Empty form to build from scratch
  3. Survey - Pre-configured with common survey questions
  4. Poll - Simple voting form
  5. Registration - Event registration template

  6. Demo - Example form showcasing all features

  7. In the dialog, configure your form:

New Form Dialog

  • Title - Name of your form

  • Location - Folder where the .fvform file will be saved

  • Click Create to open the form editor

From the Files App

You can also create forms directly from Nextcloud Files:

  1. Navigate to the folder where you want to create the form
  2. Click the + button
  3. Select New form
  4. Enter a name and click Create

The Form Editor

Form Editor

The form editor is divided into three sections:

  • View all questions in your form
  • Drag and drop to reorder questions
  • Click a question to edit it

Center - Question Editor

  • Edit the selected question
  • Configure question text and options
  • Preview how the question will look
  • Question settings (required, description, etc.)
  • Form settings (title, description, branding)
  • Submission settings

Adding Questions

  1. Click Add question or the + button
  2. Choose a question type from the dropdown
  3. Enter your question text
  4. Configure options based on the question type

See Question Types for details on each type.

Editing Questions

Reordering Questions

  • Drag and drop questions in the left sidebar
  • Or use the up/down arrows on each question

Duplicating Questions

  • Click the duplicate icon on a question
  • A copy will be created below the original

Deleting Questions

  • Click the delete icon on a question
  • Confirm the deletion

Form Settings

General Settings

  • Title - The form title shown to respondents
  • Description - Optional description shown at the top of the form

Submission Settings

  • Allow multiple submissions - Let users submit multiple times
  • Show progress bar - Display progress on multi-page forms
  • Confirmation message - Custom message after submission

Branding

  • Header image - Add a logo or banner
  • Background color - Customize the form appearance
  • Button color - Match your organization's colors

Multi-Page Forms

For longer forms, you can organize questions into pages:

  1. Click Add page in the question list
  2. Drag questions into the new page
  3. Respondents will see a "Next" button between pages

Collaborative Editing

When multiple users have edit access to a form, FormVox shows who else is currently editing.

Presence Indicators

  • Avatar icons appear in the editor toolbar showing other active editors
  • Presence is detected automatically via heartbeat polling (every 30 seconds)
  • Editors who have been inactive for more than 60 seconds are removed from the list

How It Works

  1. Open a form that is shared with edit permissions
  2. If other users are also editing, their avatars appear in the toolbar
  3. A count badge shows when many editors are active (e.g., "3 others editing")

Draft Autosave

FormVox automatically saves respondents' progress when filling in a form, so they can resume later if they close the browser or navigate away.

How It Works

  • Answers are saved to the browser's localStorage as the respondent fills in the form
  • If a respondent returns to the same form, a "Welcome back!" banner appears
  • They can choose Continue to resume where they left off, or Start over to begin fresh
  • Drafts are automatically cleared after successful submission
  • Drafts expire after 7 days of inactivity

Notes

  • Drafts are stored per browser — switching browsers or devices starts a new session
  • Clearing browser data removes saved drafts
  • This works on both public and authenticated forms

Saving Your Form

Forms are automatically saved as you edit. The form file (.fvform) is stored in the location you specified when creating the form.

Next Steps