December 2013
Intermediate to advanced
480 pages
14h 11m
English
If you have a lot of HTML content to display (see Figure 4.5) then you can place the tooltip HTML content in a separate element like this:
<button id="btnDelete" data-win-control="WinJS.UI.Tooltip" data-win-options="{ contentElement: select('#btnDeleteTooltip') }">Delete</button><div style="display:none"> <div id="btnDeleteTooltip"> Deletes the <b>record</b> from the database. Do you <i>really, really</i> want to do this? The record will be gone forever and you might weep. </div></div>
FIGURE 4.5 Showing a long tooltip
You use the contentElement ...
Read now
Unlock full access