Create a form that allows image uploads

I'm trying to design an application form that allows image uploads. Is that possible? The form contents need to go to a database and an email address. Can that be done with CSS Form Builder alone or with another extension? How can i get that done?

CSS Form builder 2 will allow you to Upload images and send the form contents in a n email

To add file upload, in the initial form builder wizard, click the pencil next to the form type to edit the form contents.

In the next window, select the Fireldset group you would like the file upload field to be a part of, or click the plus button to create a new fieldset group.

Select the croup and click the pencil icon to edit the group contents.


Add a new line for the file upload element, the select the new element that is added to the set and change the type to file.

To edit the file upload settings, click the pencil icon nxt to the type. This will allow you to set the upload location and other upload attributes.


Back on the main CSS Form Builder interface, click on the Form Function tab to set it to send the form contents in an email.


the feature tour on the video tab of the form builder Support page will walk through these steps in more detail:
css-form-builder/

you may also want to look through the Getting started guide.

For storing the form contents and uploaded file names into your database, you will need to use the Data Assist Insert record behavior. For the form contents, click the lightning bolt and select the the form element form the forms collection in the dynamic data binding window. For the uploaded file name, select the WA Uploaded Files -> Server File Name dynamic binding.

Thanks. But is there any way to resize and show a preview of the uploaded image. How does the image attach to the email. Is it included in the content or is it sent as an attachment?

You can set resizing options in the image upload settings.

You wont be able to show a preview of the picture, that would only be able to happen after the image is uploaded.


In the email settings, you will need to configure the attachment options to have the image attached to the email.

Select the Entered value option, then click the lightning bolt and select the WA Uploaded Files -> Server directory binding. copy the code that this produces then click the lightning bolt again, and select he WA Uploaded Files -> Server File Name. after this binding is added, paste the server directory code in front of it.

Hi Jason,
You write:
"To edit the file upload settings, click the pencil icon nxt to the type. This will allow you to set the upload location and other upload attributes."

The pencil icon next to the type, 'File', is greyed out. I have Data Assist installed and activated as part of my SuperSuite. Have I missed a step?

Thx,
Pete

What is the file extension of the page you are applying the Form to? You will only have the option to configure file settings if your form is on a PHP page.

Can you send a screen showing the issue.

It's a .php page - called links3.php. I've attached a shot of the greyed-out pencil icon.

Thx,
Pete

What version of Form builder is this? It looks like Form Builder 1?

Form Builder 1 does not allow for setting upload settings in the wizard, you need to apply the File Upload settings to the page after the form is created.

Ah, I see the problem now... I was going by my Downloads Page, not my Upgrade Page. I'll upgrade and all should be well.

Thanks,
Pete

you're welcome.