Username:
Password:
FileMaker Pro 10: Intermediate Tutorials

Interface Design / Tabbed Buttons pt. 1

Subtitles of the Movie

In the Beginner tutorial, we used the Tab Control feature to switch between different areas. What we're going to do now is use Layouts, Graphics and Scripts to mimic a tab control feature. So let's go and show the status toolbar, edit the layout and as you remember, the Tab Control feature is right here. You click on that, you draw yourself a tab control, it's very, very easy to use and I do use it but I also use an old method, which has some significant advantages. We're going to make buttons on top of each one of these and when you click on it, it's going to switch layouts. We're going to make the layouts look exactly the same except for the fields so that it appears that you have a tab control feature. So what are the advantages? Why would we want to go to the extra work? Because obviously the tab control feature is much simpler. Well, one of the big advantages is I can have a button that switches to a list view. I can't do that with tab control. I can also change the look and the feel much easier of my graphics. I can't have as much control over the tab control. I can change the fill color and lines and things like that. But just not as much control. I can make it a much more pleasing interface with graphics and using layouts and scripts. And as I said, you can actually run a script. You can't attach a script to a tab control so we can run a script and do anything to set up that layout that we want to and as you'll learn, we can actually change to a layout that has a different context or shows a different table. That you can't do with a tab control. You can show a portal and show related information if you want as you'll see, but we can't change to a completely different table and those will be important factors when deciding whether to use tab control or the old-fashioned method which I'm going to show you now, which just uses layouts, scripts and graphics to go ahead and simulate it. And so you want to choose between them. If you don't need all the features I've just described, such as the list view or a different look and feel, you know, like some nice Photoshop buttons or you don't need to run a script or you don't need to change to a different table, well, then tab control is going to work perfectly for you. So let's get started on this. We're going to go ahead and start by adding text onto these buttons. First thing we're going to do is call this Form. You can call it anything you want but I think Form is a good name; 12-point Verdana and what we'll do is we'll resize this to the edge there, resize the text block to the edge over here and then we'll go to Format, Align Text, Center and then we'll duplicate this; 123456 and then move it and as soon as we start moving it, hold down the Shift Key, get it right in the same spot, that looks pretty good and then we'll duplicate it again. So now we have the titles here. We're going to change this one to Notes and this one to List. And I want to make this stand out some more so I'm going to make it bold and then I'm going to duplicate it; 12345, 12345, we'll make that text color white and then we'll say Arrange, Send Backward. And what that's going to do is give it a little bit of engraving there just so it's not just only bold but it's also going to stand out from the engraving and make it really clear that you're on the form version of customers. So I like that and now our next step is to add buttons here. We don't have a Notes Layout to visit, but we do have a List View but we'll create the button here anyhow in anticipation of creating that Notes Layout.

Tutorial Information

Course: FileMaker Pro 10: Intermediate
Author: John Mark Osborne
SKU: 33926
ISBN: 1-935320-19-X
Release Date: 2009-01-05
Duration: 15 hrs / 177 lessons
Work Files: Yes
Captions: Available on CD and Online University
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 81,350 Video Tutorials (20,800 free)
  • Video Available as Flash or QuickTime
  • Over 782 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available