2. In the Inspector, click the Appearance 
tab.
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 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.
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 |
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 Advanced 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. |
in the