Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Programming
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Databases
Mail Systems
openSolaris
Eclipse Documentation
Techotopia.com
Virtuatopia.com
Answertopia.com

How To Guides
Virtualization
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Windows
Problem Solutions
Privacy Policy

  




 

 

OpenOffice 3.x Getting Started Guide
Previous Page Home Next Page

Modifying a form

We will be moving the controls to different places in the form and changing the background to a picture. We will also modify the label for the PaymentType field as well as change the field to a list box.

First, we must decide what we want to change and to what. The discussion will follow this ten step outline.

  1. The Date field in the main form needs a dropdown capability. It also needs to be lengthened to show the day of the week, month, day, and year.
  2. Shorten the length of the payment fields (all fields containing the word payment).
  3. The controls need to be move into groups: food, fuel subform, and miscellaneous.
  4. Some of the labels need to have their wording changed. Some single words should be two words. Some abbreviations should be used if possible (Misc. for miscellaneous).
  5. The widths of several fields and labels need to be changed. Only Lunch, Supper, Motel, and Tolls have acceptable lengths. But for a better appearance, changes will be made to these as well.
  6. All the fields whose label ends in Payment will be replaced with a list box. This box contains the entries from the Payment Type table.
  7. The Note field needs to be lengthened vertically and a scroll bar added. It also needs to be moved.
  8. Changes need to be made in the Date and PaymentType columns of the subform that are similar to the changes in the main form.
  9. Headings need to be added for each group in the main form.
  10. The background needs to be changed to a picture. Some of the labels will have to be modified so that they can be read clearly. The font color of the headings needs to be changed as well.

Here are some pointers that we will be using in these steps. The controls in the main form consists of a label and its field. Sometimes we want to work with the entire control, and other times we want to work with only the label or the field. There are times when we want to work with a group of controls.

  • Clicking a label or field selects the entire control. A border appears around the control with eight green handles. You can then drag and drop it where you want.
A selected control.
  • Control+click a label or field selects only the label or the field.
  • By using the Tab key, you can change the selection from the field to the label or the label to the field.
Selecting a field of a control.
  • Moving a group of controls is almost as easy as moving one of them.
  1. Click the field of the top left control to be moved, to select it.
  2. Move the cursor to just above and to the left of the selected control.
  3. Drag the cursor to the bottom right of the group of controls and release the mouse button.
  4. As you drag the cursor, a dashed box appears showing what is contained in your selection. Make sure it is big enough to include the entire length of all the controls.
  5. When you release the mouse button, a border with its green handles appears around the controls you selected.
    6. Selecting multiple controls.
  6. Move the cursor over one of the fields. It changes to a double arrow.
  7. Drag the group of controls to where you want them.
    8. Double arrow

Before changing the Date field, we will move the Lunch and Tolls controls to the right 5 cm (2 inches).

Image:Tip.pngWhen either changing a size or moving a control, two properties of the Form Design toolbar should be selected: Snap to Grid, and Guides when Moving. Your controls will line up better, and an outline of what you are moving moves as the cursor moves.

You should also have both rulers active (Tools > Options > OpenOffice.org Writer > View). Since the form is created in Writer, that is where you have to make sure both horizontal and vertical rulers have a check in the box in front of them.

Image:documentation_note.pngI use centimeters when making changes in a form because centimeters are more accurate than inches. When moving controls (fields and their labels), placement is also more accurate. You can change your rulers from inches to centimeters by right-clicking each ruler and selecting centimeter from the context menu. You do not have to understand what centimeters are. You only have to match your controls, labels, or fields to specific numerals on a ruler.

Top of page

Step 1: Change the Date field.

  1. Control+click the Date field to select it.
  2. Move the cursor over the middle green handle on the right side. It should change to a single arrow.
    3. Single arrow.
  3. Hold the left mouse button down as you drag the cursor to the right until the length is 6 cm. The vertical dashed line is lined up with the 6. (This is approximately 2.4 inches.) Release the mouse button.
  4. Click the Control icon in the Form Controls toolbar. It is the one circled in red. The Properties: Date Field window opens. Each line contains a property of the field.
    5. Form Controls toolbar.
    1. Go to the Date format property. This is a dropdown list with Standard (short) as the default setting.
      • Click the default Standard (short) to open the list.
      • Click the Standard (long) entry to select it.
    2. Scroll down to the Dropdown property. Its default setting is No. It is also a dropdown list.
      • Click the default No setting to open the list.
      • Click Yes to select it.
Image:Tip.pngTo see what the Date field will look like, click the Form Mode On/Off icon (the second icon from the left in the figure above). You can do this any time you want to see the form with the changes you have made.

Top of page

Step 2: Shorten the width of a field.

All of the fields whose label contains the word payment are too wide. They need shortening before the controls are moved.

  1. Control+click the BPayment field.
  2. Move the cursor over the middle green handle on the right. The cursor becomes a single arrow.
  3. Drag the cursor to the left until the field is 2.5 cm wide (1 inch).
  4. Repeat these steps to shorten these fields: Lpayment, SPayment, SnPayment, Mpayment, and MiscPayment.
Selecting a field.
Image:Tip.pngIf you have the Snap to Grid and Guides when moving icons selected in the Design Format toolbar, you will see how wide the field is as you shorten it.

Top of page

Step 3: Move the controls to group them by category.

We want to move the controls so that they look like the figure below.

Positioning of controls.
  1. Click the first control you want to move. A border appears around the control with eight green handles.
  2. Move the cursor over the label or field of the control. It becomes a double arrow.
  3. Drag and drop the control to where you want it.
  4. Use the same steps to move the rest of the controls to where they belong.
Image:documentation_caution.pngDo not use Control+click when moving a field. It moves either the field or the label but not both. To move both, use a mouse click and drag to the desired spot.
Image:documentation_note.pngThe only way to learn to do these two steps well is to practice them. Another way exists which will place controls where you want them, but this is a more advanced feature and will be explained in the Base Guide.

Top of page

Step 4: Change the label wording.

Field names need to be single words. However, the labels for the fields can be more than one word. So, we will change them. To do so, we will be editing the text in the label.

  1. Control+click the SnackNo label. Do one of the following:
    1. Right-click the SnackNo label.
      • Select Control from the context menu. The window that opens is labeled Properties: Label field. It contains all of the properties of the selected label.
        • Context menu.
      • In the Label selection, click between the k and N in SnackNo.
      • Use the spacebar to make SnackNo into two words.
      • Place a . (period) after the No.
      • Close the Properties window.
        • Multi-word label.
    2. Or, click the Control icon in the Form Controls toolbar. The Properties window opens. The rest of the steps are the same.
      3. Form Controls toolbar.
  2. Use the same procedure to change these labels as well: BPayment to Payment, LPayment to Payment, SPayment to Payment, Miscellaneous to Misc., SnackCost to Snack Cost, MPayment to Payment, MiscPayment to Misc. Payment, and MiscNotes to Misc. Notes.
Image:Tip.pngAll of the listings in the Properties window can be modified by you. For example, by changing the Alignment from Left to Center, the word or words in the label are centered within the Label. When you have some time, you might want to experiment with different settings just to see the results you get.

Top of page

Step 5: Change the widths of the labels and fields.

We want the following controls to be 2 cm wide (0.8 inches): Breakfast, Lunch, Supper, Odometer, Snack No., Tolls, Snack Cost, Motel, and Misc. All of the payment fields were changed in step 2, but Misc. Payment needs to be changed to 3 cm (1.2 inches).

  1. Click Breakfast. The border around it appears with eight green handles.
  2. Move the cursor over the middle green handle on the right. The cursor changes into a single arrow.
  3. Drag and drop the cursor to the left to shorten the control or to the right to lengthen the control. Use the guide lines to determine the width.
  4. Repeat for the other listed controls.

Top of page

Step 6: Replace fields with other fields.

We want to replace the PaymentType field with a List Box. Then we can choose the type of payment from the Payment Type table rather than having to manually enter the type. In my case, each of my payment types begins with a different letter. If I enter the first letter of the payment type, the rest of the word automatically appears. I can then go to the next field.

  1. Control+click the Payment field for Breakfast. The green handles appear around the field but not around the Label.
    2. Selecting a field of a control.
  2. Right-click within the green handles and select Replace with > List Box. (The figure below shows the list of replacement fields.)
    3. Replacement fields.
  3. Click the Control icon in the Form Controls toolbar to open the Properties window.
  4. On the General tab, scroll down to the Dropdown selection. Change the No to Yes in this dropdown list.
    5. Dropdown list open to reveal choices.
  5. Click the Data tab.
    6. Type of list contents dropdown list.
    • Type of list contents is a dropdown list. Change it to Sql.
    • Type the following exactly as it is in the List contents box:
      SELECT "Type", "Type" FROM "Payment Type"
      • List content for payment type fields.
      Image:Tip.pngYou should be able to copy and paste SELECT "Type", "Type" FROM "Payment Type" from above directly into the List content box. Just make sure you copy from the S in SELECT to the double quotation mark after the phrase Payment Type and no more than this.
      Image:documentation_note.pngWhat you wrote is called an SQL command. The words SELECT and FROM are written in capital letters because they are commands. When the command SELECT is used, it requires a field name within quotation marks and then the field's alias, also within quotation marks. In this case, the field and its alias are the same. The FROM command requires the name of the table which contains the field. Single-word table names do not require quotation marks, but multiple-word table names do.
    • Repeat these steps for the payment fields for Lunch, Supper, Motel, Snacks, and Misc. The main form should look like the figure below as far as where the controls are located. It also shows what the Note control should look like. Those changes are explained in the next step.
    Position of controls in main form.
  6. Close the Properties window.

Top of page

Step 7: Change the Note field.

We want the Note control where it is located in the figure above. Since it has a memo field type, it needs a vertical scrollbar for additional text space if desired.

  1. Control+click the Note field. The green handles should surround the Note field but not its label.
  2. Click the Control icon to open the Properties window.
  3. Scroll down to the Scrollbars setting. Change the selection from None to Vertical in this dropdown list.
    4. Scrollbar selections in Properties window.
  4. Close the Properties window.
  5. Lengthen the Note field.
    • Move the cursor over the middle green handle at the bottom of the Note field. It becomes a vertical single arrow.
    • Drag the cursor down until the length is 6 cm (2.4 inches).

Top of page

Step 8: Change labels and fields in a subform.

The Date column needs to be widened. The field in the PaymentType column needs to be changed to a list box. The label for PaymentType column needs to be two words.

Change the PaymentType column:

  1. Right-click the label PaymentType to open a context menu.
    2. Choices for modifying a control in a subform.
  2. Select Replace with, and then select List box from the context menu.
  3. Again right-click the label PaymentType to open a context menu.
  4. Select Column. This opens the Properties window.
  5. In the Label box, change PaymentType to Payment Type.
    6. Properties window for control in a subform.
  6. Click the Data tab.
  7. From the Type of list contents dropdown list, select sql.
  8. Type the following exactly as it is written:
    SELECT "Type", "Type" FROM "Payment Type"
  9. Close the Properties window.
Image:Tip.png Step 6: Replace fields with other fields, beginning with part 5, contains more detailed instruction.

Top of page

Step 9: Add headings to groups.

  1. Make sure the cursor in in the upper left corner. If it is not, click in that corner to move it there.
  2. Use the Enter key to move the cursor to the fifth line from the top.
  3. Change the Apply Styles dropdown list from Default to Heading 2.
    4. Apply Styles list.
  4. Use the spacebar to move the cursor to where you want the heading to start.
  5. Type the heading Meals.
  6. Use the spacebar to move the cursor to the center of snack area.
  7. Type the heading Snacks.
  8. Use the Enter key to move the cursor between the Supper control and the subform.
  9. Use the spacebar to move the cursor to the center of the subform.
  10. Type the heading Fuel Data.
Image:documentation_note.pngIf you know how to use styles, you can open the Styles and Formatting window using F11. Right-clicking the Heading 2 paragraph style allows you to modify the appearance of all three headings. See the Writer Guide Chapter 6 (Introduction to Styles).

Top of page

Step 10: Change the background of a form.

The background for a form can be a color, or a graphic (picture). You can use any of the colors in the Color Table at Tools > Options > OpenOffice.org > Colors. If you know how to create custom colors, you can use them. You can also use a picture (graphic file) as the background. We will use a picture found in OOo: sky.gif. Since the background is dark in places, many of the labels and headings will need changing in order to be seen.

Background graphic.
  1. Select the labels of the top row of controls.
    1. Control+click the Date label.
    2. Control+shift+click the rest of the labels of the top row. The border will gradually grow to the right as you do this until all the labels are enclosed in it.
      3. Selecting multiple labels at one time.
    3. Click the Control icon in the Design Form toolbar to open the Properties window.
    4. Change the Background selection from Default to Light cyan. (This is a dropdown list.)
  2. Select the other labels in the same way and then change their background color.
  3. Close the Properties window.
    4. Image:documentation_note.pngI have chosen to use Light cyan as the background color for my labels. You are free to choose whatever color you wish, including a custom color you earlier created.
  4. Press the F11 key to open the Styles and Formatting window. Notice the left icon has a black outline around it. This is the Paragraph Styles icon. Below it is a list of paragraph styles including headings.
    5. Top portion of the Styles and Formatting window.
    1. Right-click Heading 2 and select Modify from the context menu.
    2. On the Paragraph Style dialog, click the Font Effects tab.
      3. Tabs of the Paragraphs: Heading 2 window.
    3. Change the Font color dropdown list to Light cyan.
      4. Left side of Font Effects tab.
    4. Click OK to close the Paragraph Style: Heading 2 dialog.
    5. Press the F11 key to close the Formatting and Styles window.
      6. Image:Tip.pngLearning how to use styles can be very helpful at times. By using styles, we changed the font color for all three headings at one time. There are other methods of changing the font color, but they require repeating the same steps for each heading.
  5. Right-click the background and select Page from the context menu.
  6. Click the Background tab.
    7. Background tab of Page Styles.
    1. Change the As dropdown list from Color to Graphic.
    2. Search for this file: sky.gif. It is located in the Gallery folder of OOo.
    3. Click the Browse button in the File section. Browse to the folder containing sky.gif.
    4. Select this file and click Open.
    5. In the Type section, select Area.
    6. Click OK to close the Page Style: Default window.

The form should look like the figure below.

Finished form.

Top of page

Step 11: Change the tab order.

The Tab key moves the cursor from field to field. This is much easier to do than to click each field to enter data into it. It also permits us to group our expenses into areas before we begin entering data. For example, all of our meal receipts can be grouped together as can our snacks and also our fuel purchases.

  1. Control+click the Date field.
  2. Click the Form Design icon in the Form Controls toolbar to open the Form Design toolbar.
    3. Form Controls toolbar with Form Design icon circled.
  3. Click the Activation Order icon.
    4. Form Design toolbar with Activation Order icon circled.
  4. Rearrange the order of the fields in the Tab Order window.
    5. Tab Order window.
    • Find the txtMPayment listing near the bottom of the list and click it.
    • Click the Move Up button until txtPayment is just below fmtMotel.
    • Use the same two steps to put the fields in the same order as shown below.
      • Tab order for the main form.
    • Click OK.
  5. Save and close the form.
  6. Save the database.

Top of page


OpenOffice 3.x Getting Started Guide
Previous Page Home Next Page

 
 
  Published under the terms of the Creative Commons License Design by Interspire