How to Add a Widget to Your Form

There have always been forms, then there have always been ways to make forms more advanced. The problem is that there was never really a way to mesh the two together very well.

As a result, we've created the JotForm Widgets platform as a way to help lessen the workload of creating interactive and dynamic forms. This now allows you to do things on your forms that you wouldn't think of as normally being possible. It cuts down your work and makes things a lot easier.

Think of it as a way to expand your forms making them smarter and better than ever before! You can check our Widget Library of more than 370+ Widgets for your usage. This library gives a much larger, visual, and detailed explanation of all of our Widgets.

So now the question is, "How do I add Widget to my form?"

STEP 1: Navigate to BUILD and click the ADD FORM ELEMENT button.

STEP 2: Go to the WIDGETS tab, then search for a specific widget.

STEP 3: To add a widget, either click it or drag and drop it to your form. As soon as the widget is placed on your form, you'll see the widget wizard on the right.

STEP 4: The widget settings vary depending on the widget itself. Here you can set up the options and features the widget offers. Once you're finished, click the green UPDATE WIDGET button.

And that's it! The widget is now displayed on my form. You can see there are three icons if you select the widget:

WAND icon - This will open the widget wizard.

GEAR icon - This will open up the properties of that field.

TRASH icon - This will delete the widget on your form.

This is how the properties window would look like if you click the GEAR icon. It is more related to the field's position and other styles.

Feel free to add more and maximize their special features and full potential. Want to customize the look and feel of a widget? Add your own custom CSS to it!

I created a dynamic dropdown, but once I close the Widget Settings after creating I cannot seem to edit the options. Is there a way to edit the drop-down options after closing the Widget Settings or do I need to create a new widget to make edits?

I need to resend my form to multiple people. Each time the form goes out, the recipient can choose an item from "inventory". When I try to add new items to the inventory, they add in as already having been chosen. Help.

I've added Data Grid to my form https://form.jotform.com/61117002052133 under Pay Codes, but I can't figure out how to use it. When I preview the form, it's just a blank yellow box.

The purpose of the widget is to have the user dynamically enter their text values so I can capture them on the backend in a spreadsheet or CSV for import into another app. Your spreadsheet widget wont work because it only accepts numbers. Please advise and thank you for your help.

I want to have a pdf document available to download should someone need more detailed information or for those who need more guidance. Where do I put the pdf form so that it can be accessed. Does it go somewhere in JotForm, or does it need to be on a server somewhere with a URL access. Your guidance is appreciated.