Buttons
Add submit, reset, and action buttons to your forms.
Form creation requires a Pro plan or higher. Form filling is available on all plans.
Button Types
Submit Button
Send form data to a server:
- Select Button tool
- Draw the button
- Set action to Submit Form
- Configure URL and format
Reset Button
Clear all form fields:
- Select Button tool
- Draw the button
- Set action to Reset Form
- Choose which fields to reset
Action Button
Trigger custom actions:
- Select Button tool
- Draw the button
- Add one or more actions
Creating Buttons
- Enter Form Mode
- Select Button tool
- Click and drag to draw
- Set label and properties
- Configure actions
Button Appearance
Label
- Text: Button label
- Font: Typeface
- Size: Font size
- Color: Text color
Icon
Use an image as the button:
- Open properties
- Go to Options tab
- Click Choose Icon
- Select an image
Layout
Combine label and icon:
- Label only
- Icon only
- Icon top, label bottom
- Label top, icon bottom
- Icon left, label right
- Label left, icon right
- Label over icon
States
Different appearance for button states:
- Normal: Default appearance
- Rollover: Mouse hover
- Down: Mouse pressed
Button Actions
Submit Form
Send data to a URL:
- URL: Destination address
- Format: FDF, XFDF, HTML, PDF
- Fields: All or selected fields
Reset Form
Clear form data:
- All fields: Reset everything
- Selected fields: Reset specific fields
- Exclude fields: Reset all except specified
Other Actions
- Go to page: Navigate within document
- Open URL: Open a web page
- Execute JavaScript: Run custom script
- Show/Hide field: Toggle field visibility
- Set field value: Change another field’s value
Multiple Actions
A button can trigger multiple actions in sequence:
- Open button properties
- Go to Actions tab
- Add multiple actions
- Arrange in order
Tips
- Make buttons clearly clickable
- Use descriptive labels
- Add rollover effects for feedback
- Test submit functionality thoroughly
- Consider button placement for usability
Next Steps
- Text Fields - Add text input fields
- JavaScript Actions - Add custom form logic
- Signature Fields - Add signature capture fields
- Create Forms Tutorial - Step-by-step form creation walkthrough
Last updated on