Open Five's Custom Form Template

Last updated 17/05/2023

Project Setup

Each of Five's plugin templates has the basic file structure already set up for you. We will be using the custom-form-template folder in this demo, however, the structure is the same across all of our templates.

Before you start to build your cards, click the following link to download and extract the zip folder holding Five's UI plugin templates. Please extract into a working location, for example, C:\[extract-path]\plugin-templates-ui

UI Plugin Templates

Important

Before you begin with the templates, you will need Node.js installed and you will need to run the npm install command inside the custom-form-template folder in the extracted location, for example, C:\[extract-path]\plugin-templates-ui\templates\custom-form-template. This will download and install the required modules, which are stored in the node_modules folder.

1. Open the custom-form-template folder in your preferred IDE.

2. Run the following command in the terminal to build your template custom form plugin.

node ./node_modules/webpack/bin/webpack.js