Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When you're designing your layouts in FileMaker, in addition to being able to add Layout objects, like text or fields to your layouts, you can also add images. Now, images are normally found, contained within a field, like a container field on your layout, but you can just have images added as part of the layout itself. This will give you a little bit nicer design feel. Let's say, for example, you want to add a logo to your layouts in FileMaker. If we look inside our Exercise Files, we'll see that we have a file called Logo.jpg.
Let's say we want to add this image in our Header inside of each of our layouts in our database. First, we'll have to go into Layout mode, because that's where we make all of our Layout design changes. If we want to add it into our Header, we notice that the Header part might be a little bit small to be able to fit any kind of a normally-sized logo. For example, if our logo is 50-pixels high, we're going to first need to resize the Header. So, you'll notice in our Inspector, and if you don't have your Inspector up you can hit this I button, or do Ctrl+I or Command+I, you'll notice that even when we select a part, we see that we can get measurements on the Height of the part.
For example, the Header part right now is only 18-pixels high. So, let's say we want to make it larger. We can click inside the field that says 18-pixels high. We can type on our keyboard 55 pixels, and hit Enter. You see that automatically changes the size of our Header part. Now we can fit a logo, in this case a logo that happens to be 50-pixels high, into that Header part. So, now what we'll do is we'll choose Insert, and choose Picture, and we'll choose that Logo.
You'll notice here that if you insert a picture, you can also store that only as a reference to the file. You'll notice this check mark's in the bottom left-hand corner. Now, that's only advised if the image that you're going to be storing is going to always live in the same location, as it pertains to where the database location might be. In this case, it's not going to be, because we're just using this as an image inside of a layout for design purposes. So, it's a good idea that we make sure, in these cases, that we uncheck the Store only a reference to the file, because otherwise, if we move that logo from its current location, we would have a broken image on all the layouts where we're using this for design purposes.
So now we can hit Open, and we see the image appear on our layout. We can move it around, if we'd like, using our arrow keys, and find a desired position for it. You should keep in mind though, whenever you're working with images inside of your FileMaker layouts, you can use images that are the entire size of the layout, if you'd like to. A lot of times individuals like putting faded or watermarked logos or those types of things in the background of layouts. But keep in mind that whatever images you're adding, every time you add an image to one of the layouts in your FileMaker database, your FileMaker database will grow in size, proportionate to the size of the image that you just added.
So, it's very important that you use smaller-sized images, or a good rule of thumb is to take Web-readied images, or if you're using an image software, you can save it for the Web. In that way, it's very small resolution, 72 dpi, those types of things. You're not going to really increase the size of your FileMaker file. For example, if you added a 1-megabyte logo to every layout in your database, let's say you have ten layouts, that's 10 megabytes in size that your database just grew. It's tough for FileMaker to render these layouts over a network, if you're in a shared or server environment.
So, keep that in mind, when you're choosing images that you want to store on your FileMaker layouts. Once you have an image on a layout, it acts just like any other object. So, if you want to align it with other objects, like by selecting this image, and holding down the Shift key and selecting the Lock Layout object that we have here. We can use things like Align, if we want to, or line them up in the middle. So, FileMaker, as you can see, just treats it as just another Layout object. I'll be making these same changes on other layouts, you'll see this in upcoming Exercise Files, but you can do the same on these other layouts as well if you want some extra practice.
Images are a great way to add some style or corporate identification to your FileMaker layouts or reports. If you find yourself working with graphics, use the tools that I've just described to get the desired look and feel on your FileMaker layouts.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.
Your file was successfully uploaded.