DMXzone Bootstrap 3 Forms Designer Manual Support

Create amazing Bootstrap 3 forms for your website or app

DMXzone Bootstrap 3 Forms Designer is the next great addition to the Bootstrap 3 family. It is supplied with tons of features, which will help you create amazing forms for your website or application. Each form is fully responsive and easily customizable through the dedicated floating panel.

Make contact, subscription, reservation and various other forms with just a few clicks in Dreamweaver, and offer your users the ultimate experience. You can even give your form inputs dynamic values.

Thanks to the great integration with Bootstrap 3, Elements and Font Awesome you can use all their powers to improve and enhance your forms.

This extension requires DMXzone Bootstrap 3
$78.00
- OR -

Highlights

Advanced CSS Forms Styling

Ready to go styling for your checkboxes, radios and file upload controls.

Amazing Bootstrap 3 Based Forms

Unleash the power of Bootstrap 3 on your website or app.

Fully Responsive Forms

Make your forms look amazing on any browser and device.

Full Visual Form Creation

Just select what type of element you want to add to the form.

Features

General Features

The DMXzone Bootstrap Forms Designer is supplied with tons of features, which will help you create amazing forms for your website or application. Each form is fully responsive and customizable. We've made a list of powerful features, so you can see what this latest extension contains.

Create amazing Bootstrap 3 based forms - Use the infinite powers of Bootstrap 3 to create stunning forms and improve the users' experience on your website or application.

Awesome CSS Styling beyond the default Bootstrap 3 form styling - Now we have included even more ready to go styling for you, so your checkboxes, radios and file upload controls looks really amazing!

 

Easy to create forms - From the dedicated floating panel you can easily add the type of form you need for your page or application.


Great visual rendering - Follow the changes of your form fully visually in Dreamweaver Live View. Click the image for larger preview.


Full visual form creation - Just select what type of element you want to add to the form and it will be inserted as a well structured bootstrap form group at once! No need for writing all this HTML codes by hand!

Rearrange forms visually - You can select any form element and rearrange them fully visual by moving the whole group up or down.

Form Types

Choose between vertical, horizontal or inline form.The extension allows you to choose between one of the three major form types from the dedicated floating panel.


Vertical - In a vertical form, the labels are on top of each element.

 

Horizontal form - In a horizontal form, the labels are alongside of each element.


Inline - In an inline form, all of the elements are inline, left-aligned, and the labels are alongside.


Nested forms - You can always combine the different type of forms and create a combo, for example an inline form, nested within a vertical form.

Form Elements

Check out the included elements you can use to create various great forms for your website.

Input/Input group - The input element is a text-based input. If you want to add integrated text or buttons, before/after an input, you should use the input group element. For example, you can use input elements in a login form, where your users should add their username and password.
 
 
The available input types are: text, number email, URL, password, search, datetime, datetime local , date, month, time , week, telephone and color.
 
 
Select - If you need to add a dropdown with different options, the select element is the right one to use. For example, a dropdown with countries of origin in a registration form.
 
 
Textarea - The textarea element is suitable if your form needs a place where users can add additional notes.
 
 
 
 
Checkbox/ Checkbox group - Checkboxes are for selecting one or several options in a list. You can select only one but you can also select all of them.
 
 
 
Radio/Radio group -Radios are for selecting only one option from many available.
 
 
 
File - It allows you to add a file field to your form, where users can submit a number of files. 800x600 It's super easy to use it with our HTML5 File Upload extension and offer your users upload through Ajax, multiple file upload, storing file info and client side image preview.
 
 
 
Static - When you need to place plain text next to a form label within a form.
 
 
 
Submit - Adds a submit button to your form.
 
 
 
Button - You can add any button to your form and customize it. For example, you can add login, cancel or other action button.
 
 
 
 
Addons for input group - Extend form controls by adding text or buttons before, after, or on both sides of any text-based input group.
 
 
 

Integration with Bootstrap 3, Elements and Font Awesome

Thanks to the great integration with Bootstrap 3, Elements and Font Awesome you can use all their powers to improve and enhance your forms.

Great integration with DMXzone Bootstrap 3 and Elements - Create great-looking and fully responsive forms and add or customize any element easily with the help of DMXzone Bootstrap 3 and Bootstrap 3 Elements.


Full compatibility with DMXzone Font Awesome - Use any of the 439 icons in DMXzone Font Awesome, available at your fingertips and include them in your forms. Each icon is stylable in color, size, shadow and anything that is possible through the CSS to match your design perfectly.

Showcases

Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS5.5, Dreamweaver CS6, Dreamweaver CC+
Screen Shot: External link
Required Extensions: DMXzone Bootstrap 3

History

Version 3.8.2

  • Improved support Bootstrap 3 Dynamic Form Generator 2, to preserve attributes on inspect
  • Improved Date input fields generation
  • Improved Hidden field generations for multi record forms

Version 3.8.1

  • Added support for the new Bootstrap 3 Dynamic Form Generator 2

Version 3.8.0

  • Full support for DMXzone App Connect for dynamic data bindings
  • Improved Dreamweaver CC 2017 dark theme
  • Fixed help block insertion

Version 3.7.0

  • Added support for the upcoming Dreamweaver dark theme
  • Updated to the latest Bootstrap 3.3.7

Version 3.6.0

  • Added compatibility with the new Bootstrap 3 Dynamic Form Generator extension

Version 3.5.2

  • Full Support for the upcoming DMXzone Bootstrap 3 Components extension
  • Improved compatibility with Dreamweaver CS6
  • Latest Bootstrap 3.3.6 included

Version 3.5.1

  • Added Bootstrap icon choice for file upload control styling
  • Auto generate form IDs
  • Checkbox and radio groups name can be changed at once in the Group Field Management inspector
  • Keep the same input names for checkbox and radio groups
  • Make the input name for checkbox group an array field
  • Added badge option for styling file upload with multiple on
  • Restyled file input properties inspector
  • Support for accept types for the file upload control so you can choose to allow all files or only images, audio or video files. The browser then will limit the selection if supported
  • Support for new type range
  • Multiple attribute can be enabled for range and email input types
  • Implemented option for setting the "multiple" attribute for allowing multiple file upload or multiple selections in select controls. When this option is set, automatically [] is added to the control name so it is treated as array of values.
  • Improved compatibility with DMXzone Server Connect

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. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of Wappler.io - the most Advanced Web & App Builder

See All Postings From George Petrov >>

Reviews

Be the first to write a review

You must me logged in to write a review.