Skin form — Components tab — General — Overlays
Styles set here apply to overlays. You can define styles for the Standard overlay format or create custom overlay formats.
An overlay launches a local action in a panel overlaying the current window. The user can dismiss it by clicking outside the overlay area or through an explicit Display>Close action, configured in the Local Action. You can configure overlays by specifying the Target of Launch>Local Action as an Overlay. See the Control form - Actions tab for more information.
A preview of the currently selected format displays to the right. To preview all overlay formats, click Preview All.
You can also preview formats by selecting Actions > Launch in the toolbar and then choosing one of the following preview options: Run Process, Open Portal, Harness Preview, UI Gallery Preview, Skin Preview.
Applies to the border of overlays.
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.
Rounded corners do not work when the UI is rendered in quirks mode.
|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.|
Specifies padding in the body area of overlays.
Applies to the background of overlays.
Select this check box to define a custom background:
Select the background Type:
- Create a custom overlay format
You can create a new custom format or copy an existing one.
- Applying a custom overlay format
- 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.