JS Tooltip

Geben Sie hilfreiche Informationen aus, wenn Benutzer sie benötigen.

Viel mehr als ein herkömmlicher Tooltip

Sie können beliebig viele JavaScript-Oberflächenelemente kombinieren, um gut gestylte und nützliche Tipps zu erhalten, die im richtigen Moment erscheinen.

Ziel und Trigger

Die Zieleigenschaft der Klasse Tooltip ermöglicht es Ihnen, den Tooltip an jedes HTML-Element zu binden. Mit der Triggereigenschaft können Sie steuern, wann der Tooltip ausgegeben wird - per Klick, Fokus, Hover oder nie.

Online Beispiel: JS-Tree, der einen benutzerdefinierten Tooltip auf Hover darstellt.

Umfangreiche API

Als Instanz der MindFusion Control-Klasse stellt der Tooltip eine Vielzahl von nützlichen Eigenschaften für die Angabe von Offset und Position zur Verfügung. Sie können auch die Sichtbarkeit und die Grenzen steuern und ihn dem Mauszeiger folgen lassen. API-Übersicht: Tooltip-Klasse

Online Beispiel: Dom Inspector Anwendung, die benutzerdefinierte Tooltips verwendet.
API Übersicht: Tooltip Klasse

Dom Anwendung mit ansprechenden Tooltips

Benutzerdefinierte Vorlagen

Jede Tooltip-Instanz verfügt über eine Template-Eigenschaft, mit der Sie jeden HTML-Code, der als Tooltip dargestellt werden soll, zuweisen können. Das bedeutet, dass Sie einen Webbereich nach Ihren Wünschen erstellen und gestalten und ihn als Tooltip darstellen können.

Online-Beispiel: Interaktive ListView mit einem benutzerdefinierten Tooltip

Styling

Als eines der Steuerelemente von MindFusion JavaScript verwendet der Tooltip die in den globalen MindFusion CSS-Themen definierten Erscheinungseinstellungen. JS Pack wird mit einem umfangreichen Theme-Set geliefert, das Sie anpassen können. Eine weitere Option ist die Verwendung der cssClass-Eigenschaft, um Ihrem Tooltip eine eindeutige Styling-Klasse zuzuweisen.

JavaScript Tooltip mit halbtransparentem Hintergrund

Ereignisse

Es werden Ereignisse ausgelöst, die den Entwickler darüber informieren, wenn der Tooltip ausgeblendet, sichtbar oder fokussiert ist. Eine weitere Reihe von Ereignissen wird ausgelöst, wenn der Tooltip im Begriff ist, sich zu verbergen/einzublenden, so dass Sie die Aktion über die mit dem Ereignis gelieferten Ereignisargumente abbrechen können.

Online Beispiel: ToolStrip mit einem Suchfeld, das benutzerdefinierte QuickInfos anzeigt, wenn im Fokus.