Enhancing the appearance of a form design

Enhancing the appearance of the form design makes it easier to use and more visually appealing. You can improve the appearance of a form design by performing tasks such as changing fonts, colors, arranging fields, and setting default values.

Rearrange and modify the appearance of fields

  1. In Designer, arrange the fields so that they appear one below another. To move a field, click and hover your mouse over the field until a cross appears, and then drag it to a new location on the form design. Arrange the fields from top to bottom in the following order:

    • Name

    • Loan Amount

    • Phone Or Email

    • Approval Status

  2. Press the Control key and click the Name, Loan Amount, Phone Or Email, and Approval Status fields so that all four are selected.

  3. Drag the rightmost border of the selected fields to the right to make all the fields larger.

  4. Select Layout > Align > Left to left align the fields with the leftmost border.

  5. Click in an empty area on the form design to deselect the fields.

Note: Errors in spelling appear with warning signs to the right of the field in your form design because it is based on the name from your schema. You can ignore them for the purposes of this tutorial.

Set a field to read-only and set its default value

  1. Select the Approval Status text field.

  2. In the Object Palette, click the Value tab.

  3. From the Type list, select Read Only.

  4. In the Default box, type PENDING APPROVAL.

  5. Select File > Save.

You have added form objects to the form design by using a schema file. You also rearranged the fields on the form design and set the Approval Status field to read-only with a default value of PENDING APPROVAL. The form design looks like this illustration.

View full size graphic
Complete form design for tutorial.

// Ethnio survey code removed