Tooltips tooltips

On desktop systems some user interface elements, such as buttons, have tooltips that are displayed on mouse hover.

CSS properties of the main viewer area

The appearance of tooltips is controlled with the following CSS class selector:

.s7tooltip
CSS property
Description
border-radius
Background border radius.
border-color
Background border color.
background-color
Background color.
color
Text color.
font-family
Text font name.
font-size
Text font size.
NOTE
In case tooltip styles are customized from within the embedding web page, all properties must contain the !IMPORTANT rule. This rule is not necessary if tooltips are customized within the viewer’s CSS file.

Example - To set up tooltips that have a gray border with a three pixel corner radius, black background, and white text in Arial®, 11 pixels:

.s7tooltip {
 border-radius: 3px 3px 3px 3px;
 border-color: #999999;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8