forms: appmixer.utils.forms.FormAction – Appmixer connector library

Basic Information

Name

appmixer.utils.forms.FormAction

Version

1.0.0

Visibility

Public

Description

Create forms and collect entries. Web link with the form will be sent to the 'form' output port. When the form is submitted, the form entries will be sent to the 'entries' output port.

Properties

Field	Type	Description
No properties defined

Input Ports

in

Field	Type	Description
Logo URL	text	URL of a logo image to display in the form header and footer.
Form Title	text	Form Title.
Form Description	textarea	Form Description.
Form Fields	expression	Define your form fields.
Call To Action	text	Label of the call-to-action button.
Thanks Message	text	Message displayed to the user after successful form submission.
Thanks Image URL	text	Image displayed to the user after successful form submission.
Script	text	Include JavaScript code. For example Google Analytics Tracking code.
Stylesheet	text	Include CSS code to customize look&feel of your forms.

Output Ports

form

Field	Type	Description
Web Link		-

entry

Dynamic variables loaded from /component/appmixer/utils/forms/FormAction?outPort=entry

Full Metadata

#metadata-viewer { display: none; }{ "name": "appmixer.utils.forms.FormAction", "author": "David Durman <david@client.io>", "description": "Create forms and collect entries. Web link with the form will be sent to the 'form' output port. When the form is submitted, the form entries will be sent to the 'entries' output port.", "private": false, "webhook": true, "properties": { "schema": { "properties": { "generateEntryOutPortOptions": { "type": "boolean" } } } }, "inPorts": [ { "name": "in", "schema": { "type": "object", "properties": { "logo": { "type": "string" }, "title": { "type": "string" }, "description": { "type": "string" }, "fields": { "type": "object" }, "cta": { "type": "string" }, "thanksMessage": { "type": "string" }, "thanksImage": { "type": "string" }, "script": { "type": "string" }, "stylesheet": { "type": "string" } } }, "inspector": { "inputs": { "logo": { "type": "text", "label": "Logo URL", "tooltip": "URL of a logo image to display in the form header and footer.", "index": 2, "group": "configuration" }, "title": { "type": "text", "label": "Form Title", "tooltip": "Form Title.", "index": 3, "group": "configuration" }, "description": { "type": "textarea", "label": "Form Description", "tooltip": "Form Description.", "index": 4, "group": "configuration" }, "fields": { "type": "expression", "label": "Form Fields", "tooltip": "Define your form fields.", "index": 5, "levels": [ "ADD" ], "fields": { "label": { "type": "text", "label": "Label", "index": 1 }, "description": { "type": "text", "label": "Description", "index": 2 }, "type": { "type": "select", "label": "Type", "variables": false, "required": true, "options": [ { "content": "Text", "value": "text" }, { "content": "Number", "value": "number" }, { "content": "Date", "value": "date" }, { "content": "Email", "value": "email" }, { "content": "Checkbox", "value": "checkbox" }, { "content": "Color", "value": "color" }, { "content": "Password", "value": "password" } ], "index": 3 }, "defaultValue": { "type": "text", "label": "Default Value", "index": 4 }, "index": { "type": "number", "label": "Index", "index": 5 } }, "group": "configuration" }, "cta": { "type": "text", "label": "Call To Action", "tooltip": "Label of the call-to-action button.", "defaultValue": "Submit", "index": 6, "group": "configuration" }, "thanksMessage": { "type": "text", "label": "Thanks Message", "tooltip": "Message displayed to the user after successful form submission.", "defaultValue": "Thank you!", "index": 7, "group": "configuration" }, "thanksImage": { "type": "text", "label": "Thanks Image URL", "tooltip": "Image displayed to the user after successful form submission.", "defaultValue": "", "index": 8, "group": "configuration" }, "script": { "type": "text", "label": "Script", "tooltip": "Include JavaScript code. For example Google Analytics Tracking code.", "group": "advanced", "index": 1 }, "stylesheet": { "type": "text", "label": "Stylesheet", "tooltip": "Include CSS code to customize look&feel of your forms.", "group": "advanced", "index": 2 } }, "groups": { "configuration": { "label": "Configuration", "index": 1 }, "advanced": { "label": "Advanced", "index": 2 } } } } ], "outPorts": [ { "name": "form", "options": [ { "label": "Web Link", "value": "weblink" } ] }, { "name": "entry", "source": { "url": "/component/appmixer/utils/forms/FormAction?outPort=entry", "data": { "properties": { "generateEntryOutPortOptions": true } } } } ], "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfNTM3IiBkYXRhLW5hbWU9Ikdyb3VwIDUzNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyIC0xOTEpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMzMzMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMzMzMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMiAxOTEpIiBmaWxsPSJub25lIi8+CiAgICA8ZyBpZD0iYXBwLnV0aWxzLmZvcm1zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNiAxOTMpIj4KICAgICAgPHBhdGggaWQ9ImRvY3VtZW50IiBkPSJNMywwSDEzYTMsMywwLDAsMSwzLDNWMTdhMywzLDAsMCwxLTMsM0gzYTMsMywwLDAsMS0zLTNWM0EzLDMsMCwwLDEsMywwWk0zLDJBMSwxLDAsMCwwLDIsM1YxN2ExLDEsMCwwLDAsMSwxSDEzYTEsMSwwLDAsMCwxLTFWM2ExLDEsMCwwLDAtMS0xWk01LDNoNmExLDEsMCwwLDEsMCwySDVBMSwxLDAsMCwxLDUsM1pNNSwxNUg3YTEsMSwwLDAsMSwwLDJINWExLDEsMCwwLDEsMC0yWm0wLTRoNmExLDEsMCwwLDEsMCwySDVhMSwxLDAsMCwxLDAtMlpNNSw3aDZhMSwxLDAsMCwxLDAsMkg1QTEsMSwwLDAsMSw1LDdaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K" }