Using the File Attachment Control within a Form

Posted by Dileepa Wijayanayake on Mar 3, 2015 8:49:59 PM

 

Users are able to attach one or more files to a given form by using the file attachment control within a form. To demonstrate, let’s create a new form called “TestFormFile”.

Navigate to the form definitions tab using the main cDevWorkflow menu.
File Attachment Form Definitions

Click the “Create” toolbar button. Enter the form definition name “TestFormFile”, click the “Create Definition” dialog button and then click the “Close” button.

File Attachment Create

In the form designer, we can add text fields for Last Name and First Name as we did in the “How to Build Dynamic Forms” blog.

File Attachment Form Designer

Next drag and drop a File Attachment File Attachment file attachment control from the toolbox to the form.

File Attachment Choose File

Click the “Save” button on the toolbar to save the form. Now the form is able to accept file attachments from the user when the form is rendered.

Let’s go to Form Instances and create a new Form Instance called “TestFormFile” based on the Form definition “TestFormFile”. Navigate to the Form Instances screen via the cDevWorkflow Forms menu.

File Attachment Form Instance

Click the “Create” button and select the “TestFormFile” form definition that was created in the previous step. Provide the form instance name “TestFormFile” and click the “Create Instance” button to create the form instance.

File Attachment Create Form Instance

Once the Form Instance is created, select the Form Instance in the instance table and click the “Edit” button on the toolbar.

File Attachment Edit

The Form Instance should render as follows for editing:

File Attachment Choose File Submit

Click the “Choose File” button to select a file from the local file system to attach. Fill in the rest of the form fields and click the “Submit” button to save the changes to the form.

File Attachment Choose File Submit NamesIf the attached file is a large file, a File Upload status bar will be displayed at the top of the form while processing. Once saved, the form is rendered for editing again and file attachments are displayed at the bottom of the form. Repeat the “Choose File” and “Submit” actions for each file that is to be added.

File Attachment Screenshot

You may also be interested in reading more on the subject of Configuring a Custom Workflow Step.

A small sampling of the Workflow Technology for BPM Solutions contained within our cDevWorkflow product offering can be found here: Workflow Technology That Works.

[hs_form id="9"]

Learn more about our Process Automation & IT, QA Services or Software Development products and solutions on the Web!  Visit us at: Innovative Process Solutions

 

 

 

Topics: Blog, forms workflow, dynamic form, workflow forms, dynamic forms, form workflow, form attachment control, File Attachment, workflow form file attachment control, form file attachment control, form attachment, forms file attachment, forms file attachment control, file attachment control forms, file attachment control form, file attachment control, workflow forms file attachment control