Example plugins
For a basic walk-through of how to create a plugin, see:
- Create a basic plugin using Lit, for an all-in-one-file plugin.
- Create a simple textfield plugin, for a basic plugin based on the Material Text field.
- Create a plugin with React, to see the form plugin contract in a familiar framework.
The following are example plugins you can download and adapt for your own use:
An alternative to the existing address control
Businesses require accurate address validation and a range of associated services for several reasons including increased conversion, accurate customer data, and effective communication. Based on geography and business requirements, address services can be obtained from several service providers on the market such as smartystreets in USA, AddressNow in UK, and Experian in Australia.
Nintex Forms has an Address control which is currently integrated with address service from Google, as it has a global presence. However, a business may have existing contracts with other providers and require an Address control that works with them.
Form plugins can provide an Alternative Address control with a similar functionality to the native Address control, but integrating with a different provider.
Expanding on the text input control
Some form require more sophisticated validation than is available with out-of-the-box controls. For example, while the out-of-the-box text control could ensure a value follows the format of a Bank State Branch number (BSB), it could not check whether it corresponded to an existing bank branch.
Form plugins can provide an alternative text control that verifies that the field follows the BSB format, uses an external API call to determine if it is a current BSB, and, if it is a valid BSB, retrieve the associated bank information.
Register the following sample plugin to test in your tenant:
- Source URL: https://nintexplatform.github.io/form-plugin-examples/examples/build-output/material-textfield.js
- Element name: form-plugin-textfield
You can also view the source directly at the following links:
Creating new functionality with an iframe preview
Businesses often request the ability to preview a document or other content within the current HTML document, such as previewing a photographed receipt that has been uploaded before submission.
Form plugins can provide an inline frame to embed content within the form.
Register the following sample plugin to test in your tenant:
- Source URL: https://nintexplatform.github.io/form-plugin-examples/examples/build-output/iframe.js
- Element name: form-plugin-iframe
You can also view the source directly at the following links: