Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Arranging, aligning, grouping, and locking layout objects

From: FileMaker Pro 11 Essential Training

Video: Arranging, aligning, grouping, and locking layout objects

Layout Objects are the building blocks of layouts. Everything you place on a layout, be it a field or an image or a portal or a label, is considered an object. All objects have particular attributes that you can manipulate. However, you must be in Layout mode to be able to edit any layouts. So let's start there first. We'll go View > Layout mode. Once in Layout mode, you can group any combination of objects so that you can edit or move them together, or change the stacking order of objects to get the different effects when objects overlap. These are all done through Grouping tools.

Arranging, aligning, grouping, and locking layout objects

Layout Objects are the building blocks of layouts. Everything you place on a layout, be it a field or an image or a portal or a label, is considered an object. All objects have particular attributes that you can manipulate. However, you must be in Layout mode to be able to edit any layouts. So let's start there first. We'll go View > Layout mode. Once in Layout mode, you can group any combination of objects so that you can edit or move them together, or change the stacking order of objects to get the different effects when objects overlap. These are all done through Grouping tools.

The Grouping tools can be found in your new Inspector. In order to invoke the Inspector, you can hit the i button, or what you'll probably get accustomed to doing is also hitting Command+I or Ctrl+I, while in Layout mode only. You'll see the Grouping tools can be found under the Position tab. We're going to be exploring all three of these tabs, but right now we're going to focus on the Position tab, and more specifically, the Arrange & Align set of tools. You see we can collapse all the other tools away, and just leave the Arrange & Align ones available to us.

You'll notice there are several different things that we can do. We can Group, Arrange, Lock, Resize, Align or Space different groups of objects. For example, if you look in our Customer Detail layout, you can see that there is a series of fields that are not aligned properly. If we select all of these objects, we can use the Align tool to straighten them out. First, the best way to select a large group of objects is to click down on your mouse with your Pointer tool, and then drag-select all the objects that you want to work with. Here you can see that I'm fully containing all of the fields, so I'll release my mouse, and now I've successfully been able to select all the fields that I want to align.

Now I could do this manually by using the arrows on my keyboard, and doing one at a time. But instead, I'm going to use one of the tools that I've got over here in my Inspector. In this case, we're going to use the Align tools. You see here by rolling over each one, you get a description of what each tool does. But I'm going to use the first one here, called Align left edges. By simply clicking that button, you see now that I've been able to exactly line up all of the fields that I just selected. Now we can do the same thing to the field labels. Since the field labels are not connected to the fields, let's drag-select those.

Now you'll notice that we've got one that's overlapping the fields, but you can see that it still selected, because of the handles that appear. Now let's go into Align, but this time, let's choose Align right edges. Now you see that all of the fields have lined up to the right edges. However, they're not in the right position, because they still overlap the fields. This one is easy. We can just simply click the left arrow on our keyboard, and even hold it down until we get it all the fields to the desired position. This is the kind of thing that could have really taken a long time if we did them one after another.

Now you'll also notice in the Company Name field, you'll see that the field labels are a lot higher than the field. Now this is something we could easily fix by just selecting the field label and using our arrow tools, or we could use one of our Align tools. I'm going to select both the Company Name field label, and I'm going to then select the field by holding down the Shift key. That's the same for either Mac or Windows. Once I have those two field objects selected, I'm going to choose the Align horizontal centers.

Now you'll see those lines up. I'll do the same thing down here for Zip, holding the Shift key, horizontal centers. Of course, you can still finesse some of these arrangements by selecting a single object or objects, and just simply using your arrow keys. Another thing you may notice is that the CompanyWebsite field is a lot wider than the rest of the fields. This is probably more desirable, since the standard field size that we've been using probably doesn't fit a lot of the text that's going to be inside the field, like in Company Name, for example, or maybe some of the name fields, as well.

There is a series of tools in the Arrange & Align section that will allow us to resize fields and groups the fields that are selected. So let's go ahead and select all of these fields again by clicking down, and drag-selecting, and then releasing. We see we've got all the fields selected now. You'll notice in the Resize, we've got a couple of different options. Resize to the smallest width, and Resize to the largest width. As you can see from the icons, depending on which one of these we choose, the field objects that we have selected will either constrain to the smallest size, which would mean the CompanyWebsite would be as small as the rest of them, or the rest of these would expand to the largest width, which is what we're going to do by selecting this button here.

Now you see we've got much more manageable field sizes, all in the click of just one button. We might also want to use the arrow keys to select the CompanyLogo field label, and move it to more desired position. Now I'm going to demonstrate a Layout design technique that uses a lot of the Arrange & Align tools, but it's also going to use the Position tool that you see here. A lot of developers like to use the Shape tools that you see above, to be able to add a little bit of design to their layouts. For example, I can choose the Rounded Rectangle tool. You see my cursor becomes a crosshair.

I can draw a border edge around all of the field objects that I currently have onscreen, just to sort of organize them all in the same place. Now one thing I want you to notice, now that we've expanded the Position section. You'll notice when we have an object selected or even a group of objects, we see several numbers show up. These numbers are actually giving us the measurement, or the size, of the selected field object or objects. In this case, you see that we've got a rectangle object that's 637 pixels wide and 427 pixels high.

Now if in your copy of FileMaker you don't see px right here, which stands for pixels, and maybe you see something like inches, then just click on it like I just have, and it will toggle to the proper increments. But from my experience, I would suggest that you always use pixels since they are the smallest unit of measure. In most cases, on FileMaker layouts, you're really only moving Layout objects very short distances anyways. So toggle over to pixels, and then you can take a measurement as to how wide your Layout Object might be. You can move it around as well by hitting the arrow keys, and watch as these values change when I move this down just a tad.

What this is giving us an indication is how far from the Left our Layout Object is. You see we're flushed to the Left, so it's 0. How far from the Top we are, 22 pixels from the very Top edge of our window. How far from the very furthest right edge we are, as well as the distance from the Bottom of the selection to the Top of the layout. So this gives us a distance from here all the way to the Top. Now we might want to give a little bit of relief over on the left-hand side. So we can just click in here, and put a value in ,like let's say 5 or something, and hit Enter.

You'll see it adjusts just a tad. We notice that one of our field labels is a bit off, so maybe we'll select this field label. Use our arrow keys to move it inside our new rectangle. Now we can see that once we no longer have an item selected, that we don't see any figures here inside the Position section. Now let's grab this oval. I'm going to show you another way to format a layout object. We're going to change its Color.

Notice here in your Layout toolbar, we've got a section that says Fill. Once selected, you'll see that you get a Color palette. In addition to these standard colors, you can also click Other Colors. Now keep in mind that this is what the Other Colors window looks like on a Mac; on Windows it's slightly different. But I'm going to choose all the different options that I've got, until I find one that fits. Here we go. I'm going to use the Crayon one that's available to me in Mac, and I'm going to choose this color, and hit OK. Now you see my entire Layout object has changed color.

Keep in mind that you can select several Layout objects, and apply color to them all at the same time. Now we're going to grab the Rectangle tool. We're going to draw a rectangle in the middle area. Now we see we have that selected. If we look, we see we've got the Width at 637, but let's select our Rounded Rectangle again. We see that we have the same Width there, but we notice that the Height is a little bit different. We've got 415 and 427.

Let's say we make this one 410, and we'll type and hit Enter. We see that it just adjusted. Now let's align these lines up a little bit better by using our arrow keys. Make sure we've got square selected. Nudge it over. We see down here we can overlap just a tad. Let's move them down, so they're flushed with the bottom. We can also see that the 449 for the Square we drew matches the 449 for the Rounded Rectangle.

Now we've got two layout objects. But what I'm going to do here is I'm going to select the Square, and I'm going to give that a different Fill Color. At this point, your Layout looks something like this. Now if I select both of the objects, and if you remember you can select multiple objects by holding down the Shift key, I'm going to use the Group tool to make them all one single object. You see that they've become one single object, because I've now only got four corners, even though I had all eight handles showing when both objects were selected. But the problem is that we can't see any of our field objects here.

So we're going to use another one of the tool sets, called the Arrange, which allows us to move this layout object back or forward within what's called the stacking order on our Layout. At any given time, a Layout Object is either above or below other Layout Objects, with the original blank canvas background always being the furthest back item. So what we're going to do in this case is take our selected layout object, and select this option here called Send to back. Now that we hit Send to back, we see that all of the other field layout objects are presented forward, and now the users can see them and interact with them, as well.

Finally, we can use the Lock objects, as you see here, to be able to lock this object, so that we can't inadvertently move it. This is customarily used for Layout design objects that you're done working with, that you don't want to mess up inadvertently while clicking on other Layout objects. You'll notice the difference between a locked object and an unlocked object. You can see when I select this field object here, I have the black handles, and here we've got gray handles, indicating that it's locked. Of course, you can simply unlock one of the objects by toggling the Lock icons within your Inspector.

I'll be making the same changes to other layouts in the exercise file in upcoming Exercise Files. But if you want some additional practice, go ahead and do the same thing we've done here to your Customer Detail, Product Detail and Invoice Detail Layouts. Getting familiar with some of these tools is going to help you when you want to fine-tune the layouts that you've created inside of your FileMaker database.

Show transcript

This video is part of

Image for FileMaker Pro 11 Essential Training
FileMaker Pro 11 Essential Training

94 video lessons · 14869 viewers

Cris Ippolite
Author

 
Expand all | Collapse all
  1. 7m 22s
    1. Welcome
      1m 8s
    2. Understanding the FileMaker family
      2m 15s
    3. Using the FileMaker Quick Start screen
      2m 52s
    4. Using the exercise files
      1m 7s
  2. 21m 9s
    1. What is a database?
      2m 26s
    2. Flat vs. relational databases
      2m 29s
    3. How FileMaker works
      4m 48s
    4. Understanding the essential preferences
      3m 13s
    5. Touring the interface
      8m 13s
  3. 11m 44s
    1. Creating databases from templates
      2m 29s
    2. Creating new databases in the spreadsheet-like format
      5m 35s
    3. Importing tables
      3m 40s
  4. 9m 9s
    1. Determining which tables you will need
      5m 10s
    2. Creating tables in the Managing Tables window
      3m 59s
  5. 34m 47s
    1. Understanding relationship types
      6m 58s
    2. Diagramming relationships (with ER diagrams)
      8m 50s
    3. Determining which key fields you need
      5m 18s
    4. Defining primary and foreign keys
      7m 56s
    5. Creating relationships using the relationships graph and table occurrences
      5m 45s
  6. 50m 34s
    1. Deciding what fields you will need
      5m 34s
    2. Understanding field types
      7m 54s
    3. Defining fields
      9m 56s
    4. Using Auto Enter options in fields
      9m 33s
    5. Reviewing field validation options
      8m 16s
    6. Building with container fields
      9m 21s
  7. 14m 8s
    1. Creating and duplicating records
      5m 40s
    2. Editing and locking records
      4m 42s
    3. Deleting records and backing up files
      3m 46s
  8. 21m 6s
    1. Importing data
      9m 57s
    2. Importing records to refresh data
      7m 2s
    3. Exporting data
      4m 7s
  9. 18m 30s
    1. Understanding layouts
      4m 15s
    2. Using the Layout Assistant to create List views
      7m 59s
    3. Using the Layout Assistant to create labels and envelopes
      6m 16s
  10. 27m 11s
    1. Using the Layout Setup dialog box
      4m 54s
    2. Understanding layout parts
      4m 40s
    3. Understanding the new Inspector
      2m 26s
    4. Exploring the Status Area in Layout mode
      6m 46s
    5. Managing layouts and layout folders
      8m 25s
  11. 41m 9s
    1. Arranging, aligning, grouping, and locking layout objects
      11m 5s
    2. Placing and formatting objects, parts, and graphics
      4m 10s
    3. Formatting fields and applying field attributes
      8m 26s
    4. Setting field behaviors
      4m 4s
    5. Using the Tab Control feature
      9m 8s
    6. Setting tab order
      4m 16s
  12. 36m 48s
    1. Using the basic find functions
      7m 31s
    2. Reviewing new requests in the Find mode
      5m 54s
    3. Establishing search operators
      6m 43s
    4. Constraining or extending found sets
      3m 24s
    5. Finding records using date, time, or timestamp criteria
      5m 18s
    6. Using Fast Match and Quick Find
      4m 41s
    7. Working with saved finds
      3m 17s
  13. 17m 28s
    1. Sorting with one criterion
      6m 4s
    2. Sorting with related fields
      2m 18s
    3. Sorting with multiple criteria
      1m 36s
    4. Sorting using custom values
      3m 14s
    5. Sorting using buttons
      4m 16s
  14. 17m 14s
    1. Reviewing Field/Control styles
      5m 43s
    2. Creating and applying static value lists
      5m 20s
    3. Creating and applying dynamic value lists
      6m 11s
  15. 23m 52s
    1. Previewing pages and print options
      6m 20s
    2. Printing in different views
      2m 54s
    3. Sliding objects
      3m 26s
    4. Printing merge letters
      4m 53s
    5. Saving as a PDF or Excel file
      6m 19s
  16. 15m 1s
    1. Building simple reports with summary fields
      4m 36s
    2. Creating subsummary reports
      6m 51s
    3. Creating subsummary reports in Table view
      3m 34s
  17. 52m 19s
    1. Defining calculations
      2m 31s
    2. Exploring the Calculation dialog box
      5m 8s
    3. Using number functions
      12m 41s
    4. Using date and time functions
      4m 58s
    5. Using text functions
      11m 43s
    6. Using get functions
      4m 0s
    7. Using logic functions
      11m 18s
  18. 46m 56s
    1. Understanding scripts and script steps
      2m 23s
    2. Assigning script steps to buttons
      3m 54s
    3. Understanding the ScriptMaker dialog box
      8m 28s
    4. Creating multi-line scripts
      6m 44s
    5. Adding find criteria to a script
      4m 58s
    6. Understanding the If script step
      8m 36s
    7. Using script parameters
      4m 42s
    8. Reviewing the Send Mail option
      7m 11s
  19. 28m 0s
    1. Understanding script triggers
      2m 41s
    2. Using object-based triggers
      11m 58s
    3. Using layout-based triggers
      7m 51s
    4. Using file-based triggers (Open and Close scripts)
      5m 30s
  20. 56m 42s
    1. Using related fields
      7m 18s
    2. Creating portals and using portal filtering
      10m 38s
    3. Using related fields in calculations
      7m 6s
    4. Understanding multi-predicate relationships
      11m 11s
    5. Using the Go to Related Record script step
      7m 26s
    6. Creating a chart
      13m 3s
  21. 30s
    1. Goodbye
      30s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed FileMaker Pro 11 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.