# wjTooltip Class

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wjTooltip Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>KnockoutJS binding for the <a href="wijmo.tooltip.html">Tooltip</a> class.</p>
								</div>
								<p>Use the <a href="wijmo_knockout_core.wjtooltip.html">wjTooltip</a> binding to add tooltips to elements on the page.
								The <a href="wijmo_knockout_core.wjtooltip.html">wjTooltip</a> supports HTML content, smart positioning, and touch.</p>
								<p>The <a href="wijmo_knockout_core.wjtooltip.html">wjTooltip</a> binding is specified on an
									element that the tooltip applies to. The value is the tooltip
								text or the id of an element that contains the text. For example:</p>
								<pre>&lt;p data-bind="wjTooltip: '#fineprint'" &gt;
    Regular paragraph content...&lt;/p&gt;
...
&lt;div id="fineprint" style="display:none" &gt;
  &lt;h3&gt;Important Note&lt;/h3&gt;
  &lt;p&gt;
    Data for the current quarter is estimated by pro-rating etc...&lt;/p&gt;
&lt;/div&gt;</pre>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjBinding</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">wjTooltip</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>