Editing objects, layout parts, and the layout background > Formatting objects, layout parts, and the layout background > Formatting button bars
 
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. Click Inspector Inspector button in the layout bar, then 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.
 
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 
Setting the fill, line style, and borders for objects, layout parts, and the layout background
Formatting text
Adding shadows and padding to layout objects
Specifying the display state for an object