Das Element <tooltip> erzeugt einen Tooltip, der als Popup-Fenster eingeblendet wird. Dies ist typischerweise ein Form-UI. Lässt das Form-UI als Tooltip die Änderung von Daten zu. kann beim Schließen des Tooltips entschieden werden, ob die geänderten Daten übernommen oder verworfen werden. Durch die Konfiguration als Element können weitere Attribute gesetzt werden.
Das Element <tooltip> ist in den folgenden Elementen als Unterelement zulässig:
Ist das Attribut moveable auf true gesetzt, kann das Tooltip-Overlay auf eine andere Position geschoben werden. Dazu muss der Mauscursor zunächst auf eine freie Fläche des Overlays bewegt werden. Sowie sich der Mauszeiger ändert kann das Overlay mit gedrückter linker Maustaste verschoben werden.
Ist nur das Attribut showMenu auf true gesetzt, werden im Menu Versetzen und Größe ändern angezeigt.
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
hSize | optional | Breite des Elements EEC = Breite in Zeichen Web-Applikation = Breite in Pixel |
||
hSizeMax | optional | maximale Breite des Elements EEC = Breite in Zeichen Web-Applikation = Breite in Pixel |
||
hSizeMin | optional | minimale Breite des Elements EEC = minimale Breite in Zeichen Web-Applikation = minimale Breite in Pixel |
||
page | optional | Form-UI, das als Tooltip angezeigt wird | ||
movable | optional | true, false | true | true = Tooltip-Fenster kann bewegt werden false = Tooltip-Fenster hat eine feste Position |
resizable | optional | true, false | true | true = Größe des Tooltip-Fensters ist änderbar false = Größe des Tooltip-Fensters ist fest |
showMenu | optional | true, false | true | true = blendet rechts oben ein Menü ein false = kein Menü wird eingeblendet |
vSize | optional | Höhe des Elements EEC = Höhe in Zeichen Web-Applikation = Höhe in Pixel |
||
vSizeMax | optional | maximale Höhe des Elements EEC = maximale Höhe in Zeichen Web-Applikation = maximale Höhe in Pixel |
||
vSizeMin | optional | minimale Höhe des Elements EEC = minimale Höhe in Zeichen Web-Applikation = minimale Höhe in Pixel |
Erlaubte Unterelemente | Anzahl |
---|---|
keine |
Ein Tooltip, der ein Form-UI in einem Popup-Fenster mit fester Größe darstellt:
<label>Label with tooltip in a fixed popup-window
<tooltip page="start" />
</label>
Ergebnis:
Ein Tooltip, der ein Form-UI in einem Popup-Fenster mit voreingestellter Größe darstellt:
Der Inhalt ist in einem Form-UI erstellt, das sich in der gleichen Komponente befindet.
<label>Label with tooltip in a popup-window of predefined size
<tooltip page="start" hSizeMax="250" vSizeMax="150" movable="true"/>
</label>
Ergebnis:
Ein Tooltip mit aufklappbarem Menü, der in Position und Größe geändert werden kann:
Der Inhalt ist in einem Form-UI erstellt, das sich in der gleichen Komponente befindet.
<label>Label mit einem Tooltip in einem Popup-Fenster mit Menü
<tooltip page="start" resizable="true" movable="true" showMenu="true"/>
</label>
Ergebnis: