![]() |
Copyright © TIBCO Software Inc. All Rights Reserved |
1. Figure 23 Edit Pane’s Layout
3. Click the BG Color field to open the color picker for this pane’s background color.Figure 24 Expanded Color Picker
6. Save the custom color by clicking the Add to Custom Colors button in the color picker. This will make it easier to reuse the color in the Interview Witness form.
Be sure to save any custom background colors that you might want to reuse. A saved color will appear in the Custom Colors palette of the color picker, and will be available to panes in other forms in this business process, as well as other panes on the same form.Note that the Windows color picker saves each custom color to one of the 14 color boxes that are arranged in two rows beneath the Basic colors section. Each of these boxes is black until it is used to hold a custom color. Click one of the unused boxes to hold the custom color before you click Add to Custom Colors, or the color you add may overwrite a color you previously saved.
7.
8. Repeat steps 1 through 5 for the Accident Information pane to set its background color to light blue with these values:
9. Again, save the custom color by clicking the Add to Custom Colors button in the color picker. This color will be reused in the next two panes of this form, as well as in the Interview Witness form.
10.
11. Click the Third Party Information pane. Use the procedure above to set its color to the saved custom blue.
12. Click the Witness Information pane. Use the procedure above to set its color to the saved custom blue.
Setting the background of the Third Party Information and Witness Information panes to the same pale blue as that of the Accident Information pane, suggests visually to the user that, although they are shown only when relevant to a particular claim, the two additional panes belong with the Accident Information pane in terms of content and function. Using background colors in this way helps users more quickly comprehend the layout and organization of a form.
14.
15. Set the color to pale gray for the Witness Contact Information pane, blue for the Accident Information pane, and red for the message pane.
16. Set the Margin property for the message pane of the Interview Witness form to 20, as you did with the Capture Claim form’s message pane.With the default settings, each pane is set to Use Form Defaults to determine the Child Labels settings for the controls it contains, as shown in Figure 25.Figure 25 Child Labels SettingsIn the above example, then, the Label Width property for controls placed in this pane is not 120 (that is, the value in the Label Width field is ignored), but is based on form settings.In this section, you will modify the Child Label properties at the pane level so that all controls on the form have their fields vertically aligned. To do this, you will set the label width (in pixels) for all fields to a length sufficient to contain the longest label. In addition, you will set the label position property to left instead of top so that control labels appear to the left of the control.
1. Click the Capture Claim form outside of any pane to select the form itself.
2. Click the Child Labels tab.Figure 26 Edit the Child Labels Settings
3. Make sure that Inherit from System Defaults check box is cleared.
4.
5. Click inside the Customer Information pane (but not inside any control) to select the pane.
6. Click the Child Labels tab on the Properties View.
7. Clear the Inherit From Parent check box.
8.
9. Repeat steps 5 through 8 for the other panes: Accident Information, Third Party Information, and Witness Information.
10.
b. Click the Child Labels tab.
c. Clear Inherit from System Defaults.
d.
11. Using the same procedure, configure the control labels Witness Contact Information and Accident Information on the Interview Witness form:
a. Select each pane in turn and click the Child Labels tab.
b. Clear Inherit From Parent.
c.
d. All controls on the Interview Witness form will now be vertically aligned and the pane labels will be the same width as the control labels.After you have finished all steps described in the first tutorial and tasks A and B, the Interview Witness form appears as displayed in Figure 27.
![]() |
Copyright © TIBCO Software Inc. All Rights Reserved |