Tab Panels

Dialog boxes are great examples of packing lots of stuff into a small space. Think about how the Layout Setup dialog box (Figure 6-18) works. When you first open the dialog box, you see a tab called General, which consolidates the most popular tools in one place. Two other tabs (Views and Printing) keep those categories of options out of your way until you need them. The Tab Panel tool and its controls help you use these same concepts to organize lots of objects on a single layout.

6.8.1. Creating a Tab Panel

If you want to add another set of fields to hold the work addresses of the contacts in your People database, you have to make the layout bigger in order to hold your new fields. But there are times when you just can't stretch a layout any farther. Maybe some of your employees have smaller monitors and you don't want them to have to scroll to see everything on the layout. Or you may feel you've already created a beautiful layout, with perfect proportions, and stretching it just to add a few more fields would ruin the design you worked so hard to create. Whatever the reason, if you don't want to make a layout bigger, you can organize lots more fields by adding a tab panel (Figure 6-36)

Here's how to use your existing detail layout (in the People database) to create a new layout using a three-tab panel:

• In the People database, go to detail layout and switch to Layout mode. Then choose Layout Duplicate Layout.

  Detail Copy.

• Choose Layouts Layout Setup. Change the layouts name to Data Entry.

  The original detail layout was useful for printing, but this one helps you organize the fields for entering data. As your databases grow more complex, you could end up with dozens of layouts used for all different purposes, so painfully descriptive names like Data Entry make a lot of sense.

• On the Data Entry layout, select everything below the Last Name field and drag it over to the right side of your layout.

  You're clearing a space for your new tab control.

  Figure 6-36. You make a more space available on your layout by using tab panels to organize fields. These tabs are left aligned, but they can also be centered, right aligned or justified across the full width of the panel.

• Click the Tab Panel tool (it looks like a file folder icon). Then, draw a tab panel like the one in Figure 6-37.

  The Tab Control Setup dialog box appears. Here's where you tell the panel how many tabs it needs and what to name them.

  Figure 6-37. The standard settings for Tabs are left aligned, with rounded corners. But you can have square corners instead if you like them better. Left, center and right justified tabs are just wide enough to enclose the names you give them. But fully justified tabs stretch out and divide the space to fill the width of the entire panel.

• In the Tab Name field, type Address, and then click the Create button.

  In the Tabs list, the Address tab appears. Repeat this step for two more tabs: Contact and Notes.

• When you're done, click OK to close the Tab Control Setup dialog box.

  Your new tab panel, complete with three tabs, sits highlighted in place on your layout. Notice that there are four selection handles at each corner, and a dark box around each of the three tabs. Any changes you make to the tab panel now affects all three tabs.

Tip: You can change the tab panels individually if you want to. Click outside the tab panel to deselect it, then click the tab you want to change independently of the others. To reselect the whole panel, use the rubber band technique (Section 4.4.6.2).

1. Change the tab panels to a lighter gray, using the Fill Color palette.

   You can also change the tab panels' font, font size, style and color if you wish.

2. Click the Address tab to make it active.

   You're getting ready to move the fields into place on the tab panel.

3. Select the set of address fields you moved out of the way earlier and drag them onto the Address panel.

   Repeat steps 2 and 3 to move the Phone and Email fields to the Contact panel and the Notes field to the Notes panel.

4. Switch to Browse mode to test your panel.

   Click the panels to see how the fields appear and disappear along with their panels.

There's plenty of room on the Address panel for another set of address fields to hold a separate work address. You can define them now, if you like, and place them on the Address panel. (See Section 3.2 for a step-by-step tutorial on defining new fields.)

All the fields you've moved onto the tab panels are now firmly attached to those panels. If you move the panel, all the fields move along with it, so there's no need for fancy selection techniques. Just drag the panel to your new location, and you're golden. You can even copy the whole panel and paste it onto another layout. It works just as it did in the original location.

Warning: Tab panels are brand-new in FileMaker 8. Although earlier versions can open .fp8 files, some features, like tab controls, don't work in those versions. Folks using FileMaker 7 or earlier can't see your lovely tab panels, for example. Instead, they see a jumble of fields piled on top of one another.

6.8.2. Editing Tab Panels

You can edit a tab panel by double-clicking it to summon the Tab Control Setup dialog box.

• Reorder your existing tabs by dragging the little arrow that sits to the left of each tab. All the objects attached to the tab move along with it.
• Add a new tab by typing a new name and clicking the Create button. The new tab appears at the end of your list, but you can move it with the arrow. New tabs start out empty, but you can move any fields, buttons, or other objects onto the tab after you click OK.
• Change a tab's name by selecting the tab from the list. Type the new name, then click Change. Objects on the tab are unaffected.
• Delete a tab by selecting it from the list, and then clicking Delete. You delete any unlocked objects on the tab at the same time.

If you make a set of changes and realize you've made a mistake, just click the Cancel button. All changes you've made to the tab panel since you opened the dialog are swept away, even if you deleted some panels, added some and rearranged the furniture while you were in there. But once you click OK, your changes are written in stoneat least until you revisit the Tab Control Setup dialog box.

6.8.3. Deleting a Tab Panel

If you don't want a tab panel after all, just select it and choose Edit Clear or tap Delete. FileMaker warns you that its about to delete all unlocked objects on the tab panel as well (Figure 6-38). If that's the way you want it, click OK. If you need to keep fields or objects on the tab panels, though, click Cancel, then move the keepers off the panel (way to the right of your layout, perhaps) for safekeeping.