Skin form — Components tab — Controls — Smart tip and Smart info
Styles set here apply to the outline of smart tip and smart info.
Border
Applies to the outer border, the outline, of the smart tip and smart info. If a header or body border is specified, it appears inside the outline border.
| Use mixin | 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. |
| Specify styles | You can specify a custom border by selecting or clearing the Apply to all sides check box:
The following border styles are available:
|
Rounded corners
| enable rounded corners (HTML5 only) | Select this check box if you want the border of the smart tip 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. |
Background
Applies to the background of the entire smart tip and smart info, including the header and body areas. Use this setting to set the same background for the body and header of the smart tip and smart info. Styles set here are overridden by background settings specified on the smart tip and smart info Header and Body tabs.
| Use mixin |
|
| Specify styles |
Select this check box to define a custom background:
Select the background Type:
|
Size
Applies to the outer border, the outline, of the smart tip and smart info. If a header or body border is specified, it appears inside the outline border.
| Auto (fit to content) | Select if you want the layout to determine the width of the smart tip and smart info. This is the default. |
| Fixed size | Select to specify a fixed size for the smart tip and smart info. Specify the desired width in pixels ( px ), em (the current font size), or percentage ( % ). |
| Flexible | Select to set a range of options for the width of the smart tip and smart info. Specify a min-width and a max-width. The actual width when rendered will fall in this range — never smaller than the min-width, nor larger than the max-width. |
- Creating an action set
Define an action set to specify what a control does when a user event happens.
- Control form - Actions tab
Action sets determine the behavior of a control.
- Available actions and conditions
Choose an action from the list, see which options are available for the action and when you can use it. Learn which conditions you can apply.
- 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.
Previous topic Applying a custom smart tip and smart info format Next topic Skin form — Components tab — Controls — Split/menu button