close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Web development tutorial

The Form Data Tool

Tutorial created by Team WebAssist

Categories: Data Bridge, Design Extender, Free Tools

rating

Are you sick of manually making binding after binding for each element on a form? Are you tired of wasting your life in a never-ending sea of bindings?

Then have we got a product for you! Hidden within Free Tools is a little, unknown beauty called Form Data that will make your life wonderful again.

Form Data takes all form elements on a selected page ( that you select within Form Data ), and converts them automatically into bindings for you to enjoy later.

In this tutorial, we're going to cover making a basic contact form with the Form Builder tool within Data Bridge, and then using Form Data to turn all the form elements into bindings automatically so you don't have to do them by hand.

arrow downWhat you need to start

  1. A dynamic site set up within Dreamweaver
  2. Dreamweaver CS4 or later
  3. Free Tools installed and activated in Dreamweaver
  4. Data Bridge installed and activated in Dreamweaver

arrow downCreate a form page

We're going to use the scrumptious CSS Form Builder tool found within our primo extension called Data Bridge. If you don't have Data Bridge; why not? I'll wait here while you go buy it. Or you could always make yourself a custom form.

  1. Create a PHP page called form.php
  2. Create a PHP page called results.php

    These pages will be used for our form and results page. You can name them whatever you want, just remember to change the steps to use the names you chose

  3. Open the form.php page
  4. Click WebAssist > Forms > Insert New Form
  5. Select Contact as the Form Type
  6. Select Simple Contact as the sub-type
  7. Click the Browse button for Specify the action page
  8. Select the results.php page

  9. Click Finish
  10. Save Everything!


Now you have your beautiful lil' form, we're going to need to bust out some Form Data.

  1. Open the results.php page
  2. Click Window > Bindings to make sure your Bindings panel is available
  3. Click the New Binding ( ) button
  4. Select Form Data


Now we need to set up our Form Data instance

  1. Click the Browse button
  2. Select the form.php
  3. Click OK
  4. Click OK again


You'll notice bindings with all the names of the form elements on the form.php page have been created. let's go ahead and show some of the data on the results.php page so you can see it working

  1. With the results.php page still open, click and drag the Full_Name binding from the Bindings panel onto your page
  2. After the php code, add a page break
  3. Now drag the Email_Address binding onto the page after the page break
  4. Save all of your pages!


This is going to show the name and email people enter into the form.

  1. Preview your form.php page
  2. Enter all the required information into the fields on the page
  3. Click Submit
  4. Notice the Name and email address show on the results.php page


Well done! It was a quick and simple little tutorial, and you handled it like a champ.

arrow downWhat to do next...

The end. How was that fairy tale ending? The hero won the day, the bindings were made easily, and no one got hurt. This should probably get animated into a children's movie.

Now you're ready to take Form Data and add it to your own sites. Go ahead, save yourself from loads of extra work. You deserve it

arrow downReviews and comments

Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.

Sign in to add comments
rating

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.