This form demonstration highlights form stylesheet properties and layout options. Several areas of the stylesheet we have modified to change the field label style class, and the demonstration highlights other stylesheet properties such as the main table background color, border size and color, etc... The form also uses the ability to set the colspan and rowspan per field which spans an entire field across the table and along the right side of the form table.

 

Would you like to setup your form just as this demonstration is setup? If so simply download this template and copy it to your DNN Portals Home Directory to use the IPORTABLE feature of the module (Select Import Content from the module menu and import the template): Download IPORTABLE XML File

Below is a list of all stylesheet classes used throughout the Dynamic Forms module. The 'template' custom stylesheet that is included within the initial configuration might not include all of these...

• DynamicForms_Maintable
• DynamicForms_Label
• DynamicForms_Textbox
• DynamicForms_DisabledTextBox
• DynamicForms_RadioButton
• DynamicForms_DisabledRadioButton
• DynamicForms_ComboBox
• DynamicForms_DisabledComboBox
• DynamicForms_Link
• DynamicForms_RichText
• DynamicForms_DisabledRichTextBox
• DynamicForms_Country
• DynamicForms_DisabledCountry
• DynamicForms_DisabledRegion
• DynamicForms_CheckBoxList
• DynamicForms_DisabledCheckBoxList
• DynamicForms_CheckBox
• DynamicForms_DisabledCheckBox
• DynamicForms_ListBox
• DynamicForms_DisabledListBox
• DynamicForms_Summary
• DynamicForms_ServerSideSummary
• DynamicForms_FieldError
• DynamicForms_Captcha
• DynamicForms_RequiredField
• DynamicForms_Compare
• DynamicForms_RegularExpression

Note: Keep in mind that you can choose to 'Override the field label and field stylesheet class' directly under Advanced Field Options within each fields configuration.