DocumentationDynamic Media Viewers Reference Guide

Tooltips

Last update: November 3, 2023
  • Topics:
  • Dynamic Media Classic,Viewers,SDK/API,Zoom

CREATED FOR:

  • Developer
  • User

On desktop systems, some user interface elements like 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 propertyDescription
border-radiusBackground border radius.
border-colorBackground border color.
background-colorBackground color.
colorText color.
font-familyText font name.
font-sizeText font size.
NOTE
In case tooltip styles are customized from within the embedding web page, all properties have to contain !IMPORTANT rule. This rule is not necessary if tooltips are customized in the viewer’s CSS file.

Example - to set up tooltips that have a gray border with three pixel 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8