CGI Forms With Flash MX and UI Components Set #2 - Page 3

Ok... this part should be pretty standard. If you're reading this tute, you should already know how to set up static text as well as input text fields. The only thing of note here is that you should give each input field an instance name, and assign it the corresponding variable from the formData object. In this case, formData.name.

Once you have all of your fields in place, let's add a button from the components. Simply click-drag a button from the component panel and drop it in place.

Now click on the button to open it's "Properties" panel and it should look something like this. In the Properties panel, fill in a name for this instance of the button object as well as the label text ("Send Mail" in this case), and a name for the "Click Handler." The "Click Handler" is a function that will execute when the button is clicked, and I've named mine goPostal since we're sending mail with it. This is another function we'll write once the form is set up.

Next do the same thing to add a "reset" button to the form. Simply click-drag it into place and give it an instance name (so Flash can tell all the buttons apart!). Fill in the label text (I called mine "Clear Form") and give it the name of the click handler function-- which I named clrData.

Now let's go do this nifty message box.