The Form Preview Pane
The Form Preview Pane provides a real-time preview of your form as it will appear in your web page. Above the preview pane are several icons that control how information is displayed in the preview pane, allow you to preview the form on external web pages, and quickly save or load the form.
Quick Border
Clicking this icon when a selection has been made in both the Choose Parent and Choose Target Child menus will add a 1px solid #ccc border to the target child.
Outline Child
Clicking this icon will outline and shade all elements of the type currently selected in the Choose Target Child menu.
(Only functional in browsers that implement css 'outline'.)
Outline Parent
Clicking this icon will outline and shade the parent element currently selected in the Choose Parent menu.
(Only functional in browsers that implement css 'outline'.)
Light Form
Clicking this icon will shade the form in yellow.
Quick Load
Clicking this icon will load the last 'quicksaved' form into the editor.
(This icon will only appear after you've created an account and logged in)
Quick Save
Clicking this icon will save the current form into the 'Quicksave' slot.
(This icon will only appear after you've created an account and logged in)
View Form
Clicking this icon will isolate your form on a web page and allow you to more easily test your form processing script or input validation settings.
Browser View
Clicking this icon will isolate your form on a web page that will automatically update with every change made to your form in formArchitect. Copying the url of this page to multiple browsers will give you a real-time cross-browser preview of your form should you need to verify it's cross-browser compatability.
(This icon will only appear after you've created an account and logged in.)