Creating Forms in Huddle

12 minute readLast updated: January 2025

Forms are the gateway between your users and your Smartsheet data. With Huddle's powerful form builder, you can create everything from simple contact forms to complex multi-step applications that feed directly into your Smartsheet workflows.

Why Use Huddle Forms?

While Smartsheet has its own forms, Huddle forms offer significant advantages:

  • Custom Branding: Match your organization's look and feel
  • Advanced Logic: Create dynamic forms that adapt based on user input
  • Multi-Step Forms: Break long forms into manageable sections
  • Portal Integration: Embed forms seamlessly within your portal pages
  • Enhanced Validation: Complex validation rules and custom error messages
  • File Management: Better control over file uploads and attachments

Pro Tip: Start with a form template! Huddle includes pre-built forms for common use cases like contact forms, registration forms, and feedback surveys.

Creating Your First Form

Step 1: Add the Form Widget

  1. Open your portal page in edit mode
  2. Drag a Form Widget from the widget panel
  3. Drop it into your desired column
  4. Click Configure Form to open the form builder

Step 2: Connect to Smartsheet

Before adding fields, connect your form to a Smartsheet:

  1. In the form builder, click Data Source
  2. Select your Smartsheet workspace
  3. Choose the target sheet for form submissions
  4. Map form fields to sheet columns (done automatically)

Step 3: Add Form Fields

Drag and drop fields from the field library:

📝

Text Input

Single line text entry

Use for: Names, emails, short answers

📄

Text Area

Multi-line text entry

Use for: Comments, descriptions, feedback

📋

Dropdown

Select from predefined options

Use for: Categories, departments, status

Radio Buttons

Single choice from options

Use for: Yes/No, ratings, preferences

☑️

Checkboxes

Multiple selections allowed

Use for: Features, interests, agreements

📅

Date Picker

Calendar date selection

Use for: Deadlines, birthdates, events

🕐

Time Picker

Time selection

Use for: Appointments, schedules

📎

File Upload

Attach documents or images

Use for: Resumes, photos, documents

🔢

Number Input

Numeric values only

Use for: Quantities, amounts, IDs

✉️

Email Field

Validated email addresses

Use for: Contact information

📱

Phone Field

Phone number with formatting

Use for: Contact numbers

👻

Hidden Field

Pre-filled invisible data

Use for: User IDs, source tracking

Step 4: Configure Field Properties

For each field, you can configure:

  • Label: The text shown above the field
  • Placeholder: Helper text inside empty fields
  • Required: Make fields mandatory
  • Validation: Set rules for valid input
  • Default Value: Pre-fill fields
  • Help Text: Additional guidance for users

Step 5: Set Up Form Logic

Create dynamic forms with conditional logic:

  1. Click the Logic tab in form settings
  2. Add rules like "Show field X when field Y equals Z"
  3. Create branching paths based on user selections
  4. Skip irrelevant sections automatically

Advanced Form Features

Multi-Step Forms

Break long forms into steps for better user experience:

  1. Click Add Step in the form builder
  2. Drag fields into different steps
  3. Name each step (e.g., "Personal Info", "Work Details")
  4. Add progress indicators to show completion
  5. Enable "Save as Draft" for users to continue later

Best Practice: Keep each step focused on a single topic. Aim for 5-7 fields per step to avoid overwhelming users.

Validation Rules

Ensure data quality with robust validation:

Built-in Validations

  • Email: Validates email format
  • Phone: Checks phone number patterns
  • Number Range: Min/max values
  • Text Length: Character limits
  • Date Range: Past/future date restrictions
  • File Type: Allowed file extensions

Custom Validation

Create your own validation rules:

  • Regular expressions for complex patterns
  • Cross-field validation (field A must be greater than field B)
  • Lookup validation against Smartsheet data
  • Custom error messages for failed validation

Form Styling

Customize your form's appearance:

  1. Choose from pre-designed themes
  2. Customize colors to match your brand
  3. Adjust field spacing and layout
  4. Add custom CSS for advanced styling
  5. Configure mobile-responsive behavior

Form Workflows

Submission Actions

Configure what happens after form submission:

  • Thank You Message: Display custom confirmation
  • Redirect: Send users to another page
  • Email Confirmation: Send receipt to submitter
  • Notification: Alert team members of new submissions
  • Webhook: Trigger external systems

Approval Workflows

Route submissions through approval processes:

  1. Set up approval stages in Smartsheet
  2. Configure approval notifications
  3. Create approval dashboards in your portal
  4. Allow approvers to review and act on submissions

Form Examples

Contact Form

Fields:

  • • Name (required)
  • • Email (required, validated)
  • • Phone (optional)
  • • Subject (dropdown)
  • • Message (text area)
  • • Attachment (file upload)

Employee Onboarding Form

Multi-step structure:

  1. Step 1 - Personal Info: Name, contact, emergency contact
  2. Step 2 - Employment Details: Start date, department, role
  3. Step 3 - IT Requirements: Equipment needs, software access
  4. Step 4 - Documents: Upload ID, certifications, forms
  5. Step 5 - Review & Submit: Confirmation and agreements

Event Registration Form

Features:

  • • Attendee information with dietary restrictions
  • • Session selection with capacity limits
  • • Payment integration for paid events
  • • Automatic confirmation emails
  • • QR code generation for check-in

Best Practices

Do's ✅

  • • Keep forms concise and focused
  • • Use clear, descriptive labels
  • • Group related fields together
  • • Provide helpful placeholder text
  • • Test on mobile devices
  • • Include progress indicators
  • • Save drafts for long forms

Don'ts ❌

  • • Ask for unnecessary information
  • • Use technical jargon
  • • Hide required field indicators
  • • Create forms over 20 fields
  • • Forget confirmation messages
  • • Ignore accessibility guidelines
  • • Skip form testing

Troubleshooting

Form Not Submitting

  • Check all required fields are completed
  • Verify Smartsheet connection is active
  • Ensure user has submission permissions
  • Look for validation errors

Data Not Appearing in Smartsheet

  • Confirm field mapping is correct
  • Check Smartsheet column types match form fields
  • Verify automation rules aren't moving/hiding data
  • Ensure sheet isn't at row limit

File Uploads Failing

  • Check file size limits (default 10MB)
  • Verify allowed file types
  • Ensure Smartsheet has attachment enabled
  • Confirm user's browser supports uploads