body { font-size: 62.5% }
label, input { display: block }
input.text { margin-bottom: 12px; width: 95%; padding: 0.4em }
fieldset { padding: 0; border: 0; margin-top: 25px }
h1 { font-size: 1.2em; margin: 0.6em 0 }
div#users-contain { width: 350px; margin: 20px 0 }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100% }
div#users-contain table td, div#users-contain table th { border: 1px solid rgba(238, 238, 238, 1); padding: 0.6em 10px; text-align: left }
.ui-dialog .ui-state-error { padding: 0.3em }
.validateTips { border: 1px solid rgba(0, 0, 0, 0); padding: 0.3em }
All form fields are required.
| Name | Password | |
|---|---|---|
| John Doe | john.doe@example.com | johndoe1 |
Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the modal option to true, and specify primary and secondary user actions with the buttons option.
