DMXzone Uniform Manual

The Basics: Basic Usage of DMXzone Uniform

In this tutorial we will show you how to insert DMXzone Uniform on your page.

*You can also check out the video.

How to do it

1. For this tutorial we've inserted an empty DIV container on our page. Click the insert button (1) in order to open the DMXzone Uniform (2).

2. We will use the Properties Inspector in order to adjust the DMXzone Uniform settings. You can select an action and a target. For now, we will use POST as our method (1) and leave the enctype field empty (2).

*Note: The enctype attribute can only be used when the form method is POST.

3. You can enable or disable the HTML5 autocomplete attribute (1).  For our form we'll use the default predefined design (2). You can skip styling any of your form fields, simply enter a comma separated list of CSS selectors (3).

4. Now, we're going to add form fields into our DMXzone Uniform. Click inside the DMXzone Uniform region (1), click the insert button (2) and select the forms menu item (3).
   
   

5. Once you click the text field (1), the input tag accessibility attributes window opens. Add an ID (2) and an optional label to this field (3). When you're done, click the OK button.

6. You can add as many fields as you need inside the DMXzone Uniform region - it is as easy as creating a standard Dreamweaver form.
   
   

7. Now you can save your work and preview the result in the browser.