tooltip - Tooltip (Extension Library control))

Displays data when another control is in focus.

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>