<h1>
    Tooltips
</h1>
<p>
    Tooltips are provided by the C1 MVC core. They are not controls,
    but popups containing HTML that appear when the mouse hovers
    over designated elements.
</p>
<p>
    You can associate a tooltip with one or more elements on the
    page using the <b id="setTooltip">Tooltip.setTooltip</b> method.
</p>
<p>
    And this paragraph has a <b id="theSpan">span with a tooltip</b>
    and another <i id="theOtherSpan">span with a different tooltip</i>.
</p>
<p>
    The buttons below also have tooltips:
</p>
<button id="btnAddNew" class="btn btn-default">
    addNew
</button>
<br>
<button id="btnPush" class="btn btn-default">
    push
</button>
<br>
<button id="btnPushDefer" class="btn btn-default">
    push + defer updates
</button>

<div style="display:none">
    <div id="setTooltipDocs">
        <p>
            The <b>setTooltip</b> method a ssigns tooltip content to given elements on the page.
        </p>
        <p>
            The same tooltip may be used to display information for any number
            of elements on the page. To remove the tooltip from an element,
            call the <b>setTooltip</b> method and specify null for the content.
        </p>
    </div>
</div>