Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

About FreeForm

Based on. Net + SilverLight + DataBase + WCF,FreeForm contain a Dynamic Form Designer system(Forms Builder). Contains the Web form designer (with run-time validator,formula generator),with workflow interface, running form display system. And server-side forms- workflow engine, BPM engines.

It is used to design custom form to collect business data, combined with FreeFlow, for enterprise-level business system(data, forms, workflows).

As we all know, data, forms, workflow is the core of enterprise business systems, while the traditional custom software development, time-consuming, and high risk, but also the applicability of common software and scalability of the problem, if similar to Microsoft SharePoint Such a platform system, secondary development costs are high.We have more than 10 years experience in software development, we are eagerly looking for a flexible, efficient, easy to extend, easy to use, low risk, and free solution. FreeForm is that such system, combined with FreeFlow, believe that we can achieve such results.

 

This RIA SOA FreeForm system is cross-platform, client can use any browser, and even can be compiled to EXE file. During the demonstration in this document, we choose FireFox as a browser.

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Main functions

Template Management

Template File

Interface layout:
First of all, into the form system, we can see a blank layout, the layout of the operating area to the right is left is the form the content area, Template pages is the default operating area of
​​the preferred page. Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Click the "Template File" under the box, you can see the following buttons:

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Zoom in

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

The main function is to create a template, the form template is saved as XML files, or saved to the SOA server.

Template design

Interface

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

The main function is to design a template parameter, connect to the database, security settings, workflow settings. And templates related operations are: add views, add fields, add controls.

 

Runtime Design

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Main function is in the form editor, simulation run-time form, add authentication, add the automatic calculation, save the form data file, load the form data file.

Demo

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

To demonstrate a form of financial insurance, you can also dynamically create hundreds of controls.

Data connection

Service connection for the database and data connections, templates and template data is saved to the database, the primary definition of SOA, also defined by the data connection through the data source adapter, FreeForm can appoint third-party system for the data source.

Data Source

Form system data source is associated with the database field, you can bind form controls and, if a third-party system, defined by the data connection, after FreeForm data source adapter Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Add data source:

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

View management

Similar to Microsoft's InfoPath form designer, FreeForm also has a view of functions, mainly to the workflow BPM system and classification authority to do after the data considered.

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Add View

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Control Management

Input type control

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Advanced Controls

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Multimedia Controls

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

List Controls

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Line control

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

The current control

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Displays the current form control

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Adding controls

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Display features

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Set run-time validation

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Adjustment

Adjust the control element

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Adjust font size

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Position tuning

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Background adjustment

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Design Review

Design review can simulate the run-time environment will error showing.

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Click the validation errors controls, you can instantly display ToolTip message.

 Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

In addition, the error output to the list

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Must-read for the first time

Quickly create a form

Step One: New Template

In the "Template File" menu, click "New Template"

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Then, enter the "template design" menu "Template Options"

 Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Step Two: Edit the properties of the template

Basic properties

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Advanced Properties

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Can set the font color and background color

 

Step Three: Add View

 

Into the view page, click Add View

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

After adding the view

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Step four: Add a data source

Into the "Data Source" page, click on "Add Field"

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

And then create the relevant data sources

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Step five: Add Controls

In the "Control" or "Existing control" page, click the "Add Control"

 Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

After adding the related controls:

 

Demo 1

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

 

Demo 2

Creating Form builder using silverlight: FreeForm - SilverLight Dynamic Form Builder

Advanced Features

Continued ...

 

 

Demonstrate the latest version(ver2011)

http://crmwin.com/FreeForm2011TestPage.html


First version(SilverLight 2) Forms Builder Demonstrate(ver2009):
http://crmwin.com/TestPage.html?Type=temp

.

Web Site:

http://crmwin.com
 

 

你可能感兴趣的:(silverlight)