Refining a Presentation

In the previous step in this tutorial, we created a presentation for our Expense Report. In this step, we refine that presentation, determining how it will look and behave.

Make sure the Properties window is open. It should be on the right side. If not, open it by clicking Window Show View > Properties from the menu.

To refine the presentation of the Expense Report, follow these steps:

In the presentation editor, select the text field in the Amount column. The properties for the text field appear in the Properties window. The Name property of the text field should be items_text3. If it is not, set it to items_text3.
Set the On Change Invoke property to Refresh(). This ensures that the Total value is recalculated every time an amount is entered or changed.
Since the user should not enter a value for the total, select the Total field, and, in the Properties window, set the Editable property to No simply by clicking on the property.
Save your changes.
You can preview what the presentation will look like. To do so, click on the Preview in Browser icon in upper right corner of the presentation editor.
An HTML preview of the presentation is displayed in your browser, and should look like this:
Close the presentation editor.

Note that Studio created the Description and Comments fields as multi-line text boxes automatically, due to the string length. The SubmitDate and Date fields are accompanied by a calendar tool, while the CostCenter field is a list. Finally, the Total, which you set to not-editable (in other words, read-only), is shown as a label rather than a text field.