Formatting button bars

  1. In Layout mode, choose the layout from the Layout pop-up menu, then select the button bar.

    Tip  To select the button bar, click the outside edge until the handles appear on all sides.

  2. In the Inspector, click the Appearance Appearance tab.
  3. Choose Button Bar, Button Bar: Dividers, Button Bar: Segment, or Button Bar: Icon from the object type list (near the top of the tab).

    Note  Not all options are available for all components.

    4. To

    Do this

    Change the line style and color of the button bar’s border

    Choose Button Bar from the object type list, then choose the line style and color in the Graphic area.

    Change the appearance and size of the button bar’s dividers

    Choose Button Bar: Dividers from the object type list. In the Graphic area, select a line type, size, and color.

    Change the format of the label text (for all segments)

    Choose Button Bar: Segment from the object type list. Then, do one of the following:

    • Choose options in the Text area in the Inspector.
    • Use the text options in the formatting bar. If you don’t see the formatting bar, click Formatting Formatting bar button in the layout bar.

    Set the horizontal and vertical alignment of the label text and icon (for all segments)

    Choose Button Bar: Segment from the object type list. In the Paragraph area, set the horizontal and vertical alignment.

    Add an outer shadow to the button bar

    Choose Button Bar from the object type list. In the Advanced Graphic area, select Outer Shadow.

    Add an inner shadow to the button bar’s segments

    Choose Button Bar: Segment from the object type list. In the Advanced Graphic area, select Inner Shadow.

    Add padding between label text or icon and the edge of the segment

    Choose Button Bar: Segment from the object type list. In the Advanced Graphic area, for Padding, specify values (in points) for Left, Right, Top, and Bottom.

    Add padding between button bar dividers

    Choose Button Bar: Dividers from the object type list. In the Advanced Graphic area, specify values for Top, and Bottom for a horizontal button bar, or specify values for Left and Right for a vertical button bar.

    Change the color of the button bar’s segments

    Choose Button Bar: Segment from the object type list, then choose a display state. In the Graphic area, select the color and line type.

    Change the color of the label icon

    Choose Button Bar: Icon from the object type list, then select a display state (from the second list in the tab). In the Graphic area, choose a color.

    You can change the fill color of the provided icons. However, for custom icons in SVG format, changing the fill color in FileMaker Pro affects only the elements that have no fill color already defined in the SVG file. See FileMaker Pro SVG Grammar for Button Icons. You can't change the fill color of custom icons in PNG format.

    Adjust the padding between the icon and label text

    Choose Button Bar: Icon from the object type list, then specify the appropriate value (in points) for the Padding.

Related topics