doForms allows you to set a default set of appearance parameters. This eliminates the need to set colors and other parameters each time you add an element to your form. You can however override the default settings for any tool by simply picking the Custom option.

Appearance Settings

Settings

There are several ways of accessing the appearance settings:

  • Settings Menu
    From the form builder tab menu, select Settings > Form appearance menu item. This will open the settings window enabling you to select and set the standard colors for the form.
    Appearance Settings Menu

  • Edit Defaults The settings may also be changed from the Appearance property's Edit defaults link. The Standard Colors option is the default color theme that may be changed. The Custom Settings allow you to show pick the specific color for the tool.
    Property Appearance Example
    By selecting the property's custom options, you are changing the appearance from the standard set of colors, allowing you to differentiate the selected question from the rest of the questions on the form.

Setting a Common Theme

If you have a common theme that you would like to apply to all your tools use the form appearance settings and set you standard color set here. Since the default is to Use Defaults the common color settings will apply and take on the colors set in your theme.

Color Pallet

Shaded headings - Enable the background colors used with the tool's heading text.
Border around the heading - For tools with this setting the border color may be changed.
Button shades and text color - Set the colors for the background and text of a button.
Label Shading (select) - Sets the background color for the text of the tool.
Remove border around answer - Removes the black border around the answer section of the widget.
Answer Color - Allows the user to default the color of each answer to a specific color.
Active Box Color - Allows the user to change the color of the active border around a selected field. This setting helps identify what field is currently active.
Shaded row - For tables & grids, set the colors for alternating rows.

Shaded Grids & Tables

Shaded Grid

There are more options for the Grids & Tables tools. These tools can their rows or column shaded as a theme. The possible options are:

Top Row Only
Shaded Grid

Every other row
Shaded Grid

First Column Only
Shaded Grid

Every Other Column
Shaded Grid

HTML Formatting

Additional styling can be done using HTML tags for captions and hints.

The following HTML formatting tags are currently supported which can give you some additional control over how captions and hints are displayed:

Style HTML Tag Usage Example
Italics i <i>This</i> is pretty cool! This is pretty cool!
Bold b <b>This</b> is pretty cool! This is pretty cool!
Underline u <u>This</u> is pretty cool! This is pretty cool!
Line Break br This<br/> is pretty cool! This
is pretty cool!
br = Line break

These styles may be combined like this:
<u><b><i>This is pretty cool!</i></b></u>

Shown like this: This is pretty cool!

Using these tags is actually very simple. Here are a few more examples.


Example: To have the city, state & zip appear on the second line use:
20 Main Street<br>New York, NY 10011 appears as:

20 Main Street
New York, NY 10011

Example: To change font simply replace the xxx with red
20 Main Street<br/>New York, NY <font color="red">10011</font> appears as:

20 Main Street
New York, NY 10011