Design & Layout
      Zurück zur Startseite
      1. Knowledge Base
      2. Komponenten & Funktionalitäten
      3. Design & Layout

      ToolTip

      Der ToolTip ist ein Informationsrahmen für bestimmte Elemente auf der Seite. Bei Bedarf können diese auch dynamisch änderbar umgesetzt werden.

      In diesem Artikel lesen Sie folgende Inhalte:

      ToolTip Properties

      ToolTip Funktionalitäten

      Tipp! Hier sehen Sie mehr über die Komponente.

      1. ToolTip Properties

      Properties

      Beschreibung

      ID

      Bezeichnung / Benamung der Headline

      Color scheme

      Initiale Farbschemen:

      • Normal: schwarz

      • Default: blau

      • Success: grün

      • Danger: rot

      Konfiguriert in Color Schemes

      CSS class

      Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten

      Option 1: in Properties bestehende Bootstrap-Klassen einfügen

      Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”)

      Option 3: Page definitions (nur für diese Seite)

      Text encoding

      Plain Text vs. HTML Code

      Text

      Tooltip Text

      Tooltip position

      Position des Inhaltstextes des Tooltips

      Optionen:

      • Top

      • Right

      • Bottom

      • Left

      Tooltip close

      Angezeigter Tooltip wird geschlossen, wenn das gewählte Ereignis eintritt.

      Optionen:

      • On leave

      • On outside click

      Tooltip encoding

      Tooltip-Inhaltstext wird als Text (unformatiert) oder als HTML-TExt ausgegeben

      freies Feld

      Text der angezeigt wird, bei MouseOver des Tooltips

      2. ToolTip Funktionalitäten 

      Events 

      Notiz! Die Komponente ToolTip verfügt über keine Events.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      enable()

      Enable the tooltip.

      disable()

      Disable the tooltip.

      setEnabled(enabled)

      Enable/disable the tooltip.
      enabled: Flag to indicate enabled or disabled.

      show()

      Shows the tooltip.

      hide()

      Hides the tooltip.

      setVisible(visible)

      Show/hide the tooltip.
      visible: Flag to indicate shown or hidden.

      Appearance

      setText(text)

      Set the hint text.
      text: Text to set

      setHtml(html)

      Set the hint html.
      html: Html to set

      setTooltipText(text)

      Set the tooltip text.
      text: Tooltip text to set

      setTooltipHtml(html)

      Set the tooltip html.
      html: Tooltip html to set