Tooltips

On desktop systems some user interface elements like buttons have tool tips that are displayed on mouse hover.

CSS properties of the main viewer area

The appearance of tool tips 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 tool tip styles are customized from within the embedding web page, all properties have to contain !IMPORTANT rule. This is not necessary if tool tips are customized in the viewer’s CSS file.

Example - to set up tool tips that have a gray border with 3px corner radius, black background and white text written with Arial, 11 pixels size:

.s7tooltip { 
 border-radius: 3px 3px 3px 3px; 
 border-color: #999999; 
 background-color: #000000; 
 color: #FFFFFF; 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px; 
}