Tooltips

Letzte Aktualisierung: 2023-11-04
  • Erstellt für:
  • Developer
    User

Auf Desktop-Systemen verfügen einige Elemente der Benutzeroberfläche wie Schaltflächen über QuickInfos, die beim Bewegen der Maus angezeigt werden.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild von QuickInfos wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7tooltip

CSS-Eigenschaft

Beschreibung

border-radius

Rahmenradius im Hintergrund

border-color

Hintergrundrahmenfarbe.

background-color

Hintergrundfarbe.

color

Textfarbe.

Schriftfamilie

Textschriftart.

Schriftgröße

Textschriftgröße.

HINWEIS

Falls QuickInfo-Stile von der eingebetteten Webseite aus angepasst werden, müssen alle Eigenschaften enthalten !IMPORTANT Regel. Diese Regel ist nicht erforderlich, wenn QuickInfos in der CSS-Datei des Viewers angepasst werden.

Beispiel: So richten Sie QuickInfos ein, die einen grauen Rahmen mit einem Radius von 3 Pixel, einem schwarzen Hintergrund und weißem Text mit Arial®, einer Größe von 11 Pixel aufweisen:

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

Auf dieser Seite