Super Forms
  • Drag & Drop Form Builder for WordPress
  • Quick start
    • Installation
    • Registration
    • Starting your 15 day trial
    • Purchasing a license
    • Activating a license
    • First time setup
    • Secure file uploads
    • Creating a form
    • Adding form elements
    • Editing elements
    • Publishing your form
    • FAQ
  • Account
    • Dashboard
      • Your Invoices
      • Billing details
      • Your Licenses
      • E-mail Notification
      • Password reset
      • Cancel subscription
  • Common problems
    • Common problems
      • Email delivery problems
        • Why is my form not sending emails?
        • Why are emails going into spam folder/inbox?
      • File upload problems
      • Session expired
      • reCaptcha Troubleshooting – Fix “Not Loading” & Verification Errors
  • Elements
    • Layout elements
      • Column/Grid
      • Multi-part / step
    • Form elements
      • Calculator
      • Signature
      • File upload
      • Datepicker
      • Variable field
      • Dropdown
      • Text field
      • Autosuggest
      • Keywords
      • Radio button
      • Keyword Field
      • Button
      • Audio Recording (microphone)
    • HTML elements
      • Heading
      • HTML (raw)
      • Image
      • TinyMCE
      • Divider
      • Spacer
      • PDF page break
      • Google map element WordPress form
  • Features
    • Basic
      • Confirmations emails
      • Save Form Progression (continue later)
      • Build In Translation System
      • Populate form
      • Popups
      • Import & Export
      • Hide form after submitting
      • Hide or lock out user from your forms
      • Validation
    • Advanced
      • WordPress form with Google sheets dropdown
      • Custom registration form for WordPress
      • Custom login form for WordPress
      • Custom lost password form for WordPress
      • Update current logged in user
      • Secrets
      • Prevent duplicate entries
      • Lock & hide form
      • Password protect
      • Conditional Logic
      • Tags system
      • Address lookup/auto complete
      • Analytics Tracking
      • Conversion Tracking
      • Distance & Duration Calculation
      • If statements
      • Foreach loops
      • E-mail Reminders
      • Variable Fields
      • Form templates - Include elements into other forms - WordPress
      • Transferring data from one form to another
    • Integrations
      • PDF Generator
      • Listings
      • WooCommerce Checkout
        • Fixed price checkout
        • Dynamic price checkout
        • Variable product checkout (variations)
        • Replacing the "Add to cart" on a product page with a form
        • Hiding product from shop and order via custom form
      • PayPal
      • MailChimp
      • Mailster
      • Zapier
      • Stripe (BETA)
      • WooCommerce Instant Order (in progress)
  • Tutorials
    • WordPress Form to Google Sheet Integration
    • GDPR Consent / Terms agreement
    • How to update the plugin
    • Sending emails to specific department for WordPress contact forms
  • Example Forms for WordPress
    • Booking 24 hours ahead of time
  • Developers
    • Code Examples
      • Lookup City by Zipcode for your WordPress form
      • Audio Recording Field
      • Custom API Phone Number Validation for Your WordPress Form
      • Updating WordPress user meta data after login
      • Automatically redirecting to next step after displaying text or a progress bar
      • Dropdown with groups (categories)
      • Prevent form submission based on entered field values
      • Track form submissions with GTM (Google Tag Manager)
      • Tracking Multi-part steps with Google Analytics
      • Tracking Multi-part steps with GTM data layer (dataLayer.push)
      • Track form submissions with third party
      • Compare input field value with database value
      • Insert form data into a custom database table
      • Delete database row after contact entry is deleted in WordPress
      • Limited date availability (slots) for your WordPress booking form
      • Send submitted form data to another site
      • Exclude empty fields from emails
      • Execute custom JS when a column becomes conditionally visible
      • Toolset Plugin: Update comma separated string to Array for meta data saved via Front-end Posting
      • Toolset Plugin: Update file ID to file URL for meta data saved via Front-end Posting
      • Delete uploaded files after email has been send
      • Increase Cookie lifetime for client data such as [Form Progression]
      • Altering cookie secure and httponly parameters
      • Define fake cronjob to clear old client data if cronjob is disabled on your server
      • Define page language attribute based on page ID or URL
      • Define custom headers when doing a POST request
      • Change checkbox/radio layout to vertical on mobile devices
      • Show remaining available form submission allowed
      • Global fields / elements
      • Trim values of fields
      • Re-sending E-mails after editing entries via Listings for WordPress
      • Combine multiple field values into one column on Contact Entries page
      • Altering the attachments for E-mails via PHP code for WordPress
      • Generate dynamic columns with dates based on user selected date from Datepicker element
      • Hide `eye` icon from Listings row based on user role
    • Data storage
    • BETA version
  • Changelog
  • Support
Powered by GitBook
On this page
  • Editing a single element
  • Deleting elements
  • Minimizing & maximizing elements
  • Undo & Redo changes (revert changes)
  • Restoring from an automatic backup
  1. Quick start

Editing elements

Editing elements inside your form

PreviousAdding form elementsNextPublishing your form

Last updated 11 months ago

Editing a single element

Each element can be edited via the Pencil icon.

The Element Settings & Options section will open up where you can change the available settings for this specific element.

By default it will display the General settings which are settings that you most commonly will be changing. Depending on what element you are editing you can browse to different sub-settings by clicking on the dropdown and choosing the specific setting category like so:

After you are done making the necessary changes for your element click Update Element button.

After you made changes to your form, you can update it by clicking the Save button.

A quick demonstration on how to edit an element, updating the settings and saving the form.

Deleting elements

To delete an existing element you can click the X icon at the top right of any element. If the element has inner elements (think of a column or multi-part) then all of it's inner elements will also be deleted. If you deleted an element by accident you can use the Undo/Redo buttons to revert the change.

Minimizing & maximizing elements

To minimize or maximize elements you can click the [-] icon at the top right of each element. When you minimize an element that contains inner elements, it will hide all of it's inner elements. This makes it easy to move or rearrange many elements at the same time. Once an element is minimized you can click the same icon to maximize it again.

To minimize or maximize all elements at once you can use the following buttons instead:

Demonstration on how to minimize and maximize your elements:

Undo & Redo changes (revert changes)

When working on your form Super Forms will keep track of what your last changes were. If you accidently deleted an element you can click the Undo & Redo buttons to get back to the previous change.

Restoring from an automatic backup

Backups will be created automatically by Super Forms each time you Save the form. This can come in handy when you wish to revert the form back to a previous "version".

In total, a maximum of 50 backups per form will be created. Once this limit is reached any older backups will be deleted automatically in order to keep your database clean.

Edit text input field element.
Switching to a different element setting category/section.
Updating the element settings.
Saving changes made to the form.
Edit the element, update the settings and saving the form.
Delete element.
Demonstration on how to delete elements.
minimize element.
minimize or maximize all elements.
minimizing and maximizing elements demonstration.
revert changes.
Restoring form backups.
Edit text input field element.
Switching to a different element setting category/section.
Updating the element settings.
Saving changes made to the form.
Edit the element, update the settings and saving the form.
Delete element.
Demonstration on how to delete elements.
minimize element.
minimize or maximize all elements.
minimizing and maximizing elements demonstration.
revert changes.
Restoring form backups.