Back to Top
The nuts and bolts for
Creative web development

CSS Form Designer (free extension)

“Design your forms fully visual in Dreamweaver with Drag & Drop!”

A new era has begun in CSS Forms - design your forms fully visual in Dreamweaver with Drag & Drop! Just drag your regular form element, fieldset or predefined element template from the designer toolbar and drop it on your form! Drag up or down the elements automatically in their groups for fully arrange your form. Finally choose one of the rich CSS Styles that we supply and your beautiful CSS based form is ready!

The generated forms can be simply verified with the help of our Universal Form Validator ASP/PHP in no time!

Note: Users of Dreamweaver CS3 on Windows need to use IE7 or higher in addition to render the window properly. CSS Form Designer uses IE engine to render the extension and IE6 doesn't support transparency.

Overview

Features Highlights

  • Full Drag & Drop form designer - Now you can drag & drop various form elements together with their labels, put them in groups - all that fully visual
  • CSS based Forms - The generated forms are designed pure with CSS so they always look fantastic
  • Many predefined CSS designs - choose from the many ready to go CSS Form Designs to fit perfectly into your site
  • Many Form Fields Templates - choose from the ready to go field types like countries, states, dates or define your own
  • Fully Editable - the generated Forms are fully editable afterwards in Dreamweaver just as any other form. Of course you can also still edit them in the CSS Form Designer as well
  • Universal Form Validator compatible - the generated forms can be validated by Universal Form Validator on the fly!

  

Showcases


  • Rent-a-car Form Showcase

    Choose Pick up and Return Locations, Location Type, Dates and Car Category in order to explore how we combined CSS Form Designer and Universal Form Validator.

  • Styles Showcase

    View all 6 predefined styles you can choose from the CSS Form Designer

Videos

Making a Hotel Registration using CSS Form Designer and Universal Form Validator Part 1
With this movie we will show you how easily you can edit, extend and add dynamic values to a nice CSS based form in a matter of seconds using CSS Form Designer.

 

 

Making a Hotel Registration using CSS Form Designer and Universal Form Validator Part 2
This is the second movie of the series of movies for building cool and professional hotel registration form withCSS Form Designer. With this movie we will show you how easily you can add flexible validation rules, input masks and tooltips to your form using Universal Form Validator ASP.


Requirements

Type: Behavior
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CC
Browser: IE 6, Opera 8, Opera 9, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+


History

Version 1.0.1

  • Improved installer
  • Minor bug fixes
  • Compatibility with DMXzone Updater

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article

Reviews

can't save styles cs5.5 dreamweaver mac

Nice tool, but can't save styles!

Dreamweaver cs5.5 mac 

UI lacks a resize corner on Mac

Been using the extension. It certainly makes the creation of a form a snap.

Unfortunately on my Mac, using DW CS5, the UI overflows. Part the UI is missing. Not much but it makes it "imperfect". A simple re-size corner to enlarge the window would solve the problem.

Thanks for a great extension nonetheless. Easy, effective. 

Great Idea but problems

I tried to create a form in an editable area of a DW Template, but when I pressed finish, DW said that it would not be saved because it would cause a change to the Template area that was not allowed. 

 

Also, when I selected radio boxes, it inserted  radio boxes of all Countries around the world. It would not let me create "yes and no" values and there was no way to delete the radio check boxes from the dialog box.  

CSS Form Designer

Froms are the ane of my HTMl life - a godsend, thanks.

See all 8 Reviews