Custom Widget Properties

Custom widget allows you to create put your own widgets or third party widgets downloaded from the internet on your form.

You can use a custom widget to put your own HTML code as well.

Note: You have to make sure that the custom code you put in the Custom widget is valid. Invalid code might cause the form stop working.

Custom HTML Code

Put the custom HTML code here.

Name

The name of any input elements in the custom HTML code. You can use this name in the other steps (like form to email ) to fetch the value from the field.

For example, if the custom HTML code is this:

 
<input name='widgetinput' type='text' />

 
You can use the input field with name widgetinput in the later steps.

If there is no input element, you can skip this field.

Javascript file for the custom widget

If your custom widget has Javascript handler, select the javascript file in this step. If there are more than one Javascript files, you may have to combine them in to one. Note that you can include more Javascript files through the Custom Code Dialog Box option as well.

Stylesheet (CSS) for the custom widget

If your custom widget has custom style, you can provide the path to the stylesheet path here. If the CSS code uses custom images, put it in an images sub folder. Simfatic Forms will copy those images as well.

Note that Simfatic Forms itself will copy the custom scripts and style sheets to the output folder and will upload the files along with the rest of the code.

Javascript initialization code

Some custom widgets might require doing initialization on loading the page. (Like initializing the options, customizing the behaviour) You can put your custom Javascript initialization code here.