The presentation of a Split/Menu button is determined by a combination of styles. The button settings, for example, text and background, use the standard button styles. The menu presentation is determined by settings you specify here.
To preview changes, save the rule and click Actions > Launch > Skin Preview > Controls.
If desired, you can specify the Top, Left, Right, or Bottom border as none, solid, dashed, or dotted, rather than inheriting the style from the selected mixin.
You can specify a custom border by selecting or clearing the Apply to all sides check box:
The following border styles are available:
|enable rounded corners (HTML5 only)||Select this check box if you want the border of the overlay to have rounded corners when rendered in HTML5 Document Type. You can select this option when using a mixin or a custom border.|
|same for all corners||Select to use the rounded corner settings that you specify in the Unit and Radius fields for all four corners or clear to specify the length of the x and y axis for the Top Left, Top Right, Bottom Left, and Bottom Right.|
|same x and y axis radii||Select to specify x and y radii of the same length. If you clear this check box, specify the length of the x and y axis for the Top Left, Top Right, Bottom Left, and Bottom Right.|
|Unit||Select the unit of measurement for the rounded corner settings: pixels ( px ), em (the current font size), or percentage (%).|
|Radius||Define the curve of rounded corners by specifying the x (hortizontal) and y (vertical) radii of the quarter ellipse that makes the rounded corner of the overlay.|
|Specify styles|| Select this check box to define a custom background: |
Select the background Type:
- Component styles (custom style formats)
Use the Component styles tab to define the presentation of components by creating custom style formats. After you define style formats, reference them on property panes for sections, harnesses, and controls.
Styles set here apply to buttons. The following button formats are available in a skin form.