tooltip - Tooltip (Extension Library control))

Displays data when another control is in focus.

Category

Extension Library

Syntax

<xe:tooltip attributes>content</xe:tooltip>
Table 1. Essential properties
Property Description
id Defaults to tooltip1, tooltip2, and so on.
for Specifies the control to which the tooltip applies.
label Specifies the content of the tooltip.
dynamicContent Set to true.
Table 2. All properties
Category Properties
basics binding, dynamicContent, for, id, label, loaded, rendered, rendererType, showDelay
dojo dojoAttributes, dojoType
events afterContentLoad, beforeContentLoad
layout position
styling disableTheme, themeId

Usage

Specify the tooltip content as the label property or as the control content.

See Dynamic tooltips for additional information.

This control is not tested against the latest accessibility standards. The recommended accessible path is to use core controls to achieve the desired effect.

Examples

This tooltip displays the last modified time for the document associated with a repeating computed field. The tooltip content is specified in the tooltip label.
<xp:this.data>
	<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
</xp:this.data>
<xp:repeat id="repeat1" rows="30" value="#{view1}" var="row">
	<xp:text escape="true" id="computedField1"
		value="#{row.subject}">
	</xp:text><xp:br></xp:br>
	<xe:tooltip id="tooltip1" for="computedField1"
		dynamicContent="true">
		<xe:this.label>
			<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return "Last modified on " + doc.getLastModified().getLocalTime()}]]>
		</xe:this.label>
	</xe:tooltip>
</xp:repeat>
This tooltip displays the category and last modified time for the document associated with a repeating computed field. The tooltip content is specified in the tooltip content.
<xp:this.data>
	<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
</xp:this.data>
<xp:repeat id="repeat1" rows="30" value="#{view1}" var="row">
	<xp:text escape="true" id="computedField1" value="#{row.subject}"></xp:text>
	<xp:br></xp:br>
	<xe:tooltip id="tooltip1" for="computedField1" dynamicContent="true">
		<xp:panel>
			<xp:table>
				<xp:tr>
					<xp:td>Category</xp:td>
					<xp:td><xp:text escape="true" id="computedField2">
						<xp:this.value>
							<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return doc.getItemValueString("category")}]]>
						</xp:this.value></xp:text>
					</xp:td>
				</xp:tr>
				<xp:tr>
					<xp:td>Last modified</xp:td>
					<xp:td><xp:text escape="true" id="computedField3">
						<xp:this.value>
							<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return doc.getLastModified().getLocalTime()}]]>
						</xp:this.value></xp:text>
					</xp:td>
				</xp:tr>
			</xp:table>
		</xp:panel>
	</xe:tooltip>
</xp:repeat>