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 |
Rahmenfarbe im Hintergrund |
background-color |
Hintergrundfarbe. |
color |
Textfarbe. |
font-family |
Textschriftart. |
font-size |
Schriftgröße des Textes. |
Wenn QuickInfo-Stile von der Einbettungswebseite aus angepasst werden, müssen alle Eigenschaften die Regel !IMPORTANT
enthalten. Dies ist nicht erforderlich, wenn QuickInfos in der CSS-Datei des Viewers angepasst werden.
Beispiel: So richten Sie QuickInfos ein, die einen grauen Rand mit einem Radius von 3 Pixel, einen schwarzen Hintergrund und einen weißen Text mit einer Größe von 11 Pixel haben:
.s7tooltip {
border-radius: 3px 3px 3px 3px;
border-color: #999999;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}