Creating Forms in Huddle
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
- Open your portal page in edit mode
- Drag a Form Widget from the widget panel
- Drop it into your desired column
- Click Configure Form to open the form builder
Step 2: Connect to Smartsheet
Before adding fields, connect your form to a Smartsheet:
- In the form builder, click Data Source
- Select your Smartsheet workspace
- Choose the target sheet for form submissions
- 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:
- Click the Logic tab in form settings
- Add rules like "Show field X when field Y equals Z"
- Create branching paths based on user selections
- Skip irrelevant sections automatically
Advanced Form Features
Multi-Step Forms
Break long forms into steps for better user experience:
- Click Add Step in the form builder
- Drag fields into different steps
- Name each step (e.g., "Personal Info", "Work Details")
- Add progress indicators to show completion
- 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:
- Choose from pre-designed themes
- Customize colors to match your brand
- Adjust field spacing and layout
- Add custom CSS for advanced styling
- 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:
- Set up approval stages in Smartsheet
- Configure approval notifications
- Create approval dashboards in your portal
- 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:
- Step 1 - Personal Info: Name, contact, emergency contact
- Step 2 - Employment Details: Start date, department, role
- Step 3 - IT Requirements: Equipment needs, software access
- Step 4 - Documents: Upload ID, certifications, forms
- 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