JotForm Form Widgets

The E-Signature widget is the easiest way to complete an electronic signature on your form. The Widget allows your form users to draw their signatures using their mouse, touch screen device, or any other input device that will allow them to draw their signature on your form as a confirmation or verification of consent.

In just a few clicks, you can create a non-disclosure agreement and have it signed with the e-signature widget. You can also create an on-boarding contract, an approval form, a request for information form, a payment requisition or even a service contract or agreement and have it signed with the e-signature widget.

More than 40 countries around the world, including the United States, have standards that accept electronic signatures as legally binding. By appending an electronic signature to an electronic document or process, you will validate a legal precedent, allowing all participants to sign documents with confidence.

The e-signature widget requires no additional configuration, and you can resize it to fit your form layout, allowing you to get digital signatures for your form quickly, accurately and with ease.

Checklists are valuable when your form has a number of options on a list that your users need to select.

This widget adds an aesthetic checklist to your form with a simple and quick configuration which only requires that you list what you want the widget to display.

Your form users will check all options that apply.

Its quite easy to configure, only requiring you to add all the options you want listed. You can also show or hide all unchecked items when the form is submitted.

Take Photo uses a webcam to take photos of what is currently in the frame.

The widget is very easy to use, and allows your form users to retake as many photos as possible before they get the right one to upload.

No additional configuration is required other than adding the widget to your form.

Take photo is perfect for survey, evaluation and interview forms where form users can take a quick photo using their webcam.

The Terms and Conditions widget adds a link on your form that lets people read and accept the guidelines which come with your service. Customers or users are usually satisfied when what they expect is delivered in an efficient, timely manner. In order to set this expectation, the Terms and Conditions widget is an excellent choice.

If you create a form that helps you sell custom branded t-shirts, you might need to set expectations on size approximations, materials, colors, packaging and delivery timelines. Some of these details can be quite specific; for instance, there are different packaging instructions for different places around the world you might ship your t-shirts to. You might need to specify the type of chemicals used in branding, the type of textile material used to develop the t-shirts, regional and international standards for textile imports among other stipulations. Your Terms and Conditions helps you articulate these details.

Terms and conditions not only indicate to your customers or users precisely what to expect of your service, but you can outline legal stipulations which keep your customers, users and the services you offer safe.

The Terms and Conditions widget is easy to add to your form and customize. All you need a link to the website page where your terms and conditions are published, and that's it!

This is the most powerful calculation feature you can add to your form.

With the Form Calculation Widget, you can make simple to complex calculations using the answers you get from your form users.

The form calculation widget adds one field on your form, which will display the result of the calculation you’d like your form to do as shown here.

The Form Calculation widget supports combining words, doing calculations with numbers from multiple fields on your form. You can also take your form to the next level with linear and nonlinear functions with which you can fine-tune your form’s workflow.

You are only limited by your imagination. Your Invoice forms, delivery forms, request forms, contact forms, sales forms among many others can be enhanced to show calculated outcomes like sales totals, date and time calculations or generating reference numbers by combining text, dates and numbers.

The flexibility of this widget makes it a powerful feature for your form, which you can use to analyse weighted data, perform financial calculations, use mathematical formulas that solve real-life problems among an endless list of uses.

Images are powerful.

With a single image that represents your brand, product or process, you can answer 1000 questions, and make 100 other issues clearer.

Image slider allows you to place a series of images on your form with the ability to slide from image to image.

You can set the type of transition, transition speed, and the duration at which each image is displayed.

This is the most comprehensive listing widget we have yet.

Configurable list widget allows you to define the various field types per column on the list in a matrix-type of layout - for example, our demo allows you to collect membership information per region by listing the members names, their obligations from a drop down list, the date they became members, a check box, a comment text and a number box.

We have prepared an easy guide so that you can explore all that this widget has to offer.

Config list is very useful for forms that collect all sorts of lists; multiple product orders, a shopping list, requisition lists, storage management, group membership forms among many other uses.

Videos are the foremost way of rich content communication on the web. This is because they incorporate all three forms of media - image, sound and text.

Billions of people share videos on YouTube, allowing better communication, learning and productivity.

YouTube is the world's most popular video platform, and is by far the quickest way to share your video to your form users.

The YouTube Widget allows you to easily and quickly place your video on your form.

All you need is to copy the URL of your video on YouTube and paste it into the widget settings dialog - and you are good to go!

Fit Text automatically generates a customized, bold and noticeable header or headline on your form.

The widget will automatically calculate the width of your form, and determine the best size and layout for your text.

You can further customize the background, the shadow color and the text color as well.

You can also define a font of your own by simply adding a URL to the fort repository as shown in the widget settings.

The Smooth Signature widget adds an electronic signature field on your form, with a helpful bezier algorithm that makes realistic strokes as you draw the signature on the form. The hand-drawn signature looks realistic and matches a pen-drawn signature to a tee. The smooth signature augments the reality of signatures, giving you the best of both worlds.

Paperless business processes have gained steam over the years. Currently, over forty countries now legally support electronic signatures, a validation of the progress that technology has made in replacing paper-based transactions. The advancements made with electronic signatures provide a pivotal augmentation of technology towards more paperless business processes. The smooth signature, as a hallmark of paperless technology, provides a simple form field which can be drawn by mouse, electronic pen or finger.

The smooth signature can be used on contract forms, notarizing and initialing legal forms, accepting terms of service, authorizing internal requests and processes, on-boarding forms, non-disclosure agreements, debriefing forms, governmental service application forms among hundreds of other use cases.

No additional settings are required when you drag it onto your form, it fits snugly wherever you'd like the signature to appear. Users are able to redo their signatures as many times as they wish if the first or second try was insufficient. A horizontal guide line helps the signatory to orient their directional accuracy, this also augments the conventional presumption of signing on the dotted line.

Dynamic Text Boxes simplifies listing on your form by allowing your users to add more responses to a question.

If you are collecting a list of names, items or basically collecting listed information and are not sure how many text boxes you will need, this widget is what you are looking for.

It is easy to configure, and you can define how many text boxes you want to be automatically created when your form is opened. The rest is up to the form user, who can expand their list of answers by clicking on the add more button.

You can now easily and quickly add a group of related fields on your form.

This widget will generate the field labels, and the input boxes for each of the listed fields.

The widget is especially useful if you need to add a group of related input boxes on your form; like an address field, label generator form among other uses.

The configuration Wizard only requires that you list the names of each of the fields, and voilà! - Your Input fields are ready.

Similar to services like Slideshare and Scribd, PDF Embedder widget will allow you to access a PDF file directly from your form.

PDF Embedder displays a PDF document for your form users to read, examine or review. It will allow them to skip between pages and also zoom in or out when focusing on details on the PDF.

The settings are quite straightforward. You only need to provide the PDF file URL and viola!, your PDF file is now ready for viewing on your form!

A neat, clean and accurate way to have your form users pick a date on your form.

This date picker collapses into a beautiful calendar that allows your form users to easily browse and select the date they would like to submit as their response.

The Date Picker allows you to select the desired date format so that it matches with regional settings.

The widget is very easy to use and add to your form, requiring no further configuration.

Matrix Dynamique allows you to collect data that has been laid out in a grid by dynamically adding extra rows. It generates predefined columns that allow the form user to add as many rows of text boxes as they want.

This is perfect for data collection forms, or basically any form that collects information that needs to be organized in a grid or matrix.

Data Grid is a very simple yet elegant widget.

It has zero dependencies and works in all major browsers including IE8+.

Add the columns and the data separated by commas and each row separated by a new line.

Just like a simple spreadsheet, It comes with a "search" field and it can also be sorted on descending or ascending directions.

One of the easiest ways to navigate multiple pages is the use of tabs - which are universally accepted as one of the best navigation structures.

With this widget, you can now add tabs to your multi-page form.

Your form first needs to have Page Breaks so that the widget can work.

The widget configuration is straightforward, allowing you to rename the tab titles, keep the form header above the tabs, set some validation rules and style the buttons further using custom CSS.

Most reservation forms, if not all, need a way in which certain dates cannot be selected because they have been chosen by prior form users.

If you have a reservation form for any reason, this widget is invaluable.

The widget allows you to display a calendar on your form which your users can select dates that correspond with the purpose of the form. If prior form users have selected a date or a range of dates, they will be grayed out - they cannot be selected.

For the widget to work properly, you need to get a Jotform API key from your account settings, so that the widget can reference previous selections and prevent a date from being selected twice.

DateTime Single addresses the need to preserve both vertical and horizontal space.

The widget reveals a time and date selector when the input field is clicked, allowing the user to visually select the date and time with ease.

The widget tucks the compact calendar and time selector away once the user has selected the date and time.

The widget configuration is quite intuitive and therefore quick to set up, allowing you to define such options as the date format, default date and time pre-population among other options.

In situations where spreadsheet data needs to be collected, analysed and submitted in a simple spreadsheet format, this is the ideal widget. Your form users can now submit structured data sets that can be used in a spreadsheet - or for any purpose where cell-value data sets are critical.

You can assign calculation formulas to designated cells through the widget configuration. Calculation formulas start with "=" and use letter and number combination to identify table cells. For example, =a1 + b1 will return sum of top fields in "A" and "B" column.

You can also use brackets e.g. = (a1 + b1) / c1 with math functions like pow or sqrt.

For example, = pow(a1, 3) + pow(b1, 2) is the same as =(a1 * a1 * a1) + (b1 * b1).

Drop-down fields are easy to use, because of the simplicity of picking an option from a list.

What if you wanted to limit the options that can be selected from a drop-down list depending on what the form user selected earlier?

It is now possible with dynamic dropdowns.

You can create more than one drop-down list with this widget, nesting any number of child drop down lists within related parent lists, such that when the user selects one option in the parent list, the related child lists are displayed.

It is useful for basically any form with a limited set of listed options from where you want the user to select.

Add options allows you to add input fields on your form on the fly.

Each input box is given a numbered, custom label, making it easy to distinguish responses.

It is especially useful when multiple responses are needed, for instance, in an evaluation, suggestion or service rating form.

The Unique ID allows you to stamp your form with a unique alphanumeric key which can be used to identify the form with precision.

It’s easy for two documents or two users to have the same name or the same reference. This creates a less than ideal situation for business processes which require a unique identifier for every reference. The Unique ID widget makes sure that all your forms retain referential integrity; a peculiarity of every submitted form.

The Unique ID allows you to add a standard prefix, which is appended with a serialized number that starts exactly where you want it to. This allows you to create unique serial numbers for different things, for instance, your invoices could have a series that looks like INV001929, while your successful delivery references could look like DL001928.

There are many documents that are generated by your online forms which need a Unique reference. Such documents include receipts, invoices, estimates, registration forms, booking forms, payment forms, support forms, evaluation forms, surveys and questionnaires, polls, purchase orders among many others. Each of these forms will generate documents which will require the Unique ID widget to provide a referential distinction.

The Unique ID is very easy to use, just drag it on your form from the widgets tab, Add your prefix, the starting index for the serialized number, and the padding; which represents how many documents will be in the series by appending zeros in front of your serial number, for instance, 00000789. The Unique ID is generated when the form is submitted, which ensures that no duplication occurs.

Sometimes when you receive uploaded images through your form, you find that the Image your form user uploaded is the wrong one, but you cant blame them, it happens more often than not.

This widget greatly reduces that chance by displaying the image the form user selects so that they can always upload the correct image.

When the form user selects the image they need to upload, a preview of the image is displayed on the form. The form user can choose to discard it and try again, or upload it.

Other than customizing the button text, Image Upload Preview requires no additional configuration, all you need to do is add it to your form.