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 is not necessary if tooltips are customized within the viewer’s CSS file.

Example

To set up tooltips that have a grey 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; 
}

On this page