Editing objects, layout parts, and the layout background > Formatting layouts > Setting the fill, line style, and borders
 

Setting the fill, line style, and borders

To change the appearance of objects or layout parts:

1. In Layout mode, select one or more objects or a layout part label.

2. In the Inspector, click the Appearance Appearance tab.

3. To change the appearance of the object or the body part when it’s in a particular state (for example, when a button is pressed), choose from the object state list (the second list in the tab).

See Specifying the display state for an object.

4. In the Graphic area, select the options you want to use.

Graphic area of the Inspector

 

To add or change

Choose

The fill of an object (including the backgrounds of text objects, fields, and portals) or the layout part

Fill

The fill you specify for the body part also affects the background of the table in Table View.

If your fill setting does not appear in a portal, set portal rows to transparent. See Formatting portals.

The border around an object or layout part

Any combination of borders

Border control

The borders between repeating fields

Borders between repetitions Alternate Row Border control.

The style and width of the border around an object or layout part

Line

The color of the border around an object or layout part

Color Line color palette button

The shape of the corners of an object or layout part

Corner radius

Choose each corner that you want to have a rounded appearance, and specify a value in points. The larger the value, the more a corner is rounded.

Borders between portal rows

See Formatting portals.

The transparency of the fill color

Opacity slider

Windows: Drag the slider in the color palette.

macOS: Click Other Color in the color palette, then drag the slider.

A custom color

Fill or Line

Theme colors in color palette

To create a custom color, drag a color from the color palette or the color swatch to the theme colors area, then click the color. (The light and dark variations of the custom color are generated by FileMaker Pro Advanced.) You can replace or add to the existing theme colors.

The RGB value of a color in hexadecimal format appears in the text box. You can enter or paste a value of three or six characters.

To set a specific color value, click Sample color button. Then move the mouse pointer anywhere on the screen to the color you want to capture, then click.

To fill the layout background with a solid color:

1. In Layout mode, make sure the fill for one or more layout parts is transparent.

See "To make an object, layout part, or the layout background transparent," below.

2. Make sure no objects or layout parts are selected, then click anywhere in the layout background to select it.

3. In the Inspector, click the Appearance Appearance tab. Choose options in the Graphic area.

4. For Fill, choose Solid Color.

5. Click Fill color palette button, then choose a color from the color palette.

You can use a custom color. See the section above.

6. To change the transparency of the fill color, click Fill color palette button again, then drag the Opacity slider (Windows) or click Other Color, then drag the Opacity slider (macOS).

To make an object, layout part, or the layout background transparent:

1. In Layout mode, select one or more objects, a part label, or click anywhere in the layout background to select it.

Before selecting the layout background, make sure no objects or layout parts are selected.

2. Do one of the following:

In the Inspector: For Fill and Line, choose None or transparent Transparent fill in color palette in the color palette.

In the formatting bar: For Line, choose None or transparent Transparent fill in color palette in the color palette. For Fill, choose transparent Transparent fill in color palette in the color palette. (To display the formatting bar, click Formatting Formatting bar button in the layout bar.)

Notes 

You can’t set individual borders on lines, ovals, circles, tab controls, or slide controls.

Layout background fill does not extend behind navigation parts.

Related topics 

Filling with a color gradient

Filling with an image

Drawing and inserting objects on a layout

Editing objects, layout parts, and the layout background

Adding borders, fill, and baselines to fields

Adding shadows and padding

Copying formatting attributes in layouts

Specifying the display state for an object