Form Builder
Created by Orckestra

Inserting a new form

To insert a new from on a a page:

Edit a page where you want the form to appear.

Add the Composite.Forms.FormBuilder.Form function ( Insert | Function) or add the following code ( Insert | Function Markup):
Expand code

<f:function name="Composite.Forms.FormBuilder.Form" xmlns:f="http://www.composite.net/ns/function/1.0">
	<f:param name="Name" value="Registration" />
	<f:param name="SubmitButtonLabel" value="Send" />
	<f:param name="SecurityHandler" value="Default" />
	<f:param name="Fields">
		<Fields>
			<Field name="textbox">
				<f:param name="Name" value="Name" />
				<f:param name="Label" value="" />
				<f:param name="PlaceholderText" value="" />
				<f:param name="Help" value="" />
				<f:param name="Required" value="False" />
			</Field>
		</Fields>
	</f:param>
	<f:param name="Actions">
		<Actions>
			<Action name="SaveToFile" />
		</Actions>
	</f:param>
	<f:param name="Receipt">
		<html>
			<head />
			<body>
				<p>Thank you! We have received your input.</p>
			</body>
		</html>
	</f:param>
	<f:param name="UseCaptcha" value="False" />
</f:function>

In the Form Builder window, on the Settings tab, specify the Name of the form.
On the Designer tab, add fields and set their properties (see "Editing forms" below)
Click OK.

Editing forms

When creating a form with Form Builder, you normally name it and add fields of your choice. You can also set a number of other options to adapt it to your specific needs.

There are 4 tabs in Form Builder:

Settings: The general settings of the form such as its name (mandatory), the submit button's label text and the use of CAPTCHA.
Designer: A user-friendly form field editor, which allows to add fields and other controls and elements as easy as by dragging and dropping them on the form. It also allows you to set each field's or element's properties such as the name, label, default value etc.
Submit Actions: Actions to do on the form submit. There are two actions out-of-the-box:
- Save to file for later retrieval (pre-selected by default)
- Send an email that sends an email with submitted data to the specified email address. (If the password is specified, the data will be attached in an encrypted ZIP file.)
Receipt: The text to be displayed or sent to the user on the form submit.

To add a field to the form:

On the "Designer" tab, from the "Component Library" pane, select, drag and drop a component (field) onto the middle pane. The field will appear in the middle pane, and its properties will be available on the right pane.
Where necessary, specify the field's properties such as the name, default value etc. Please note that each component has its own set of properties.
Repeat Steps 1-2 for as many fields as you need.

Note. Along with the field-like components, you can also use formatting/decorating components like headings or separators from the right pane listed under "Text & Decorations".

Viewing submitted data

You can view submitted data via "Form Submissions". Besides, you can download the submitted data as an XML file or export it to an Excel spreadsheet.

In the Content perspective, expand Form Submissions.
Select the form the data of which you want to access.
Click one the buttons on the button bar:
1. Browse: to view the submitted data in the CMS Console intable form
2. Download as XML: to download and view the data as an XML file
3. Export to Excel: to export and view the data as an Excel spreadsheet

Part of subscriptions:

C1 CMS Business

C1 CMS Developer

C1 CMS Premium

Version 1.3.4

Tags Form