Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
If we look at our Customer Detail Layout, and we go into Layout mode, you'll see, just like is the case on all the other layouts in this database, that we placed several fields on the layout. Now when we place these fields on the layout, we don't necessarily have to settle for just their flat, plain-looking feel. You can use some Field Attribute tools to give them a different, and more professional look. So when you are in Layout mode, you can select any field. Let's say in this case, we're going to select the CompanyLogo field that we have in the middle of the screen. And then open the Inspector. If you don't have the Inspector open already, you can hit the i button, or Command+I on Mac ,or Ctrl+I on Windows.
You can change the color of the field, for example, by going into the Appearance. So you've got several different options here for modifying the appearance of an object. We've got a field object, the CompanyLogo field selected, and we can change the color if we'd like, by selecting one of these colors, if we want to make it stand out from the rest of the fields on the layout. Or here we can just choose white, which makes it pop a little bit from the gray background. You'll also notice that the item next to it, although it is a selection of several different patterns, these first two here are the most useful.
I'm pretty sure you're not going to use any of these patterns. But you might want to use this toggle here between having a Solid background or a transparent background. So you see even though we have a white color on this field and we apply the transparent background, you can see the gray color come through. In this case, we'll say Solid. That way, it cuts it apart from the rest of the fields in the layout. See, we can actually select a field, and hold on our Shift key, and do the same to all the rest of the fields in our layout, if we'd like.
So I'll make that a Solid color. You see that we've now got contrast between the gray background and the field color. In addition, if we go back to selecting our CompanyLogo, we've got some effects. So by default, there are no effects on a field, or an object. But I could choose a Drop Shadow, for example. If you look very closely, you can see a small, little, 3D-looking Drop Shadow effect, which will get more dramatic if we go to this next line, and we choose Line, and pick, let's say, a thicker line point.
You'll notice now that we've got this gray Drop Shadow effect behind it, we can change the Color of the lines to give it more contrast. So you can see there, it gives it more of a 3D effect, or it appears as it's kind of floating above your layout. Using these same tools, we can also affect the way the text appears inside of a field. For example, if we select the Notes field, you'll see that we've got an option here that allows us to display Text baselines. Those are these dotted lines here that show where each row of the text that's contained within the field will appear.
We can choose to show Text baselines, give them different colors, if we'd like to. We'll just keep them as their default, as you see every one of your fields that contains non-container values has Text baselines by default. We can also make modifications to the text that appears inside the field. So, for example, I can choose a field, and then choose different fonts, if I'd like to, from the Text section of the Appearance tab on the Inspector, or even Highlight the values inside the field, Bold, Italics and such. I can also choose Paragraph Alignment.
You're probably familiar with a lot of these text formatting tools from other applications. They all perform the same way here inside of FileMaker. So I can select a field, or a group of fields, and apply the same Text, or Alignment, or Line Spacing to them at the same time, or I can choose a text object, like the Customer Layout, and do the same, Toggle between Bold and Italic, those types of options. In addition to the way that a field looks when you are in Layout mode, you can also control the way that the data within the field is formatted. For example, if we navigate over to the Product Detail layout, and save our changes on this layout, you'll see that we have a series of fields that represent dollar values, like Price and Cost.
When we select Cost, the Cost field was defined as a Number field, when we first set this up inside of the Manage > Database window. Therefore, it's going to contain numerical values, but more specifically here, it's going to contain dollar values, because it's the cost of a product; same thing with Price over here. So if we go into the Inspector and choose the Data tab, you'll notice at the very bottom, if we collapse some of these other sections, you'll notice that we've got a Data Formatting section. From here, if I drop down and choose Currency, it gives me various different options that I can use to apply towards the data that's going to be stored within these fields.
So, for example, I'll choose Cost, I'll hold down my Shift key, and also choose Price. Now I'm going to choose Currency again, and it gives me several different options. Here I can choose Fixed number of decimals, and what the leading Symbol will be, whether or not I want to use a thousands separator, and some other international options that I can choose. If it's Negative, what Color do I want to show, those types of things. So now, if you go into Browse mode, save your changes, you can see that the data is stored in here as 2,787.50.
But when it's formatted in the layout, we can see the Dollar sign and a thousands separator in the decimal places. We don't have a value inside of Price just yet. But this helps you format data appropriately based on how it's going to be handled. Now the thing to keep in mind is if there is another layout that also has the Cost field on it, we would have to apply the same formatting to it, in order for it to show this currency formatting, although I could just copy this field and paste it to another layout, and it would carry with it the formatting that I just applied. So keep in mind that applying formatting on the layout is only applying it towards that one field on that layout, unless you copy an already formatted field to another layout.
Same is true for Date fields, by the way. It's not just for Currency. If you look at the Date Created field, you see that we can either format it as entered, or we've got some other options here to show different formats for dates. Now this does not change the underlining data in the database. If you remember, FileMaker is storing dates, for example, as an integer, the number of days since the year 1/1/0001. So it doesn't matter how you view it when you are looking at it in Browse mode, or when you are printing or viewing it in Preview mode. This is just simply a formatting instruction that you are giving it for this field on this layout.
So, for example, if you save our changes as we go into Browse mode, you look, we could change this, for example, from the Standard Formatting to something like this. Now we go into Browse mode and hit Save. You see there are different ways. It doesn't change the underlining data or the way that it was entered, but you see where there are different ways that we can manipulate dates, as well. So there is a whole series of different ways that you can manipulate these. One other one I'll show you back on the Customer Detail is our CompanyLogo.
If we go back into Layout mode, and choose CompanyLogo, you see that this last icon over here in Data Formatting allows us to give different instructions on how the images that might be contained within the container field will be managed. So here we can Crop to frame, for example, or Reduce the image to fit. So if you crop it, then an image that's any larger than, let's see, we've got 325 pixels wide. If you have an image that's let's say 500 pixels wide, it's just going to crop only 325 pixels portion of it.
Reduce image to fit is probably the most general option. It's the default option. That's most likely what you're going to use, because no matter what the image size is that you're putting into your container field, you can make it fit inside of the size of the container field on your layout. Make sure you check Maintain original proportions, in that case ,as well. So here you can align images internally. So nine times out of ten you're going to say Reduce image to fit, Maintain original proportions, and align on your settings. I'll be making these same changes on other layouts in our Exercise Files, but if you're looking for some extra practice, feel free to go ahead and use this version of the exercise file to do the same.
So you've got a couple of different formats that you can choose from there. Even though FileMaker stores data in specific ways internally, you can use the Field Attribute tools, and even some of the ways that you could format data inside your field to give your users a look and the feel that's appropriate to the data that's been stored, or the type of the field that you're placing on your layout.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 86348 Viewers
80 Video lessons · 135818 Viewers
59 Video lessons · 54588 Viewers
52 Video lessons · 68463 Viewers
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.