<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>tip UI Component</title><link>https://community.telligent.com/community/11/w/api-documentation/67194/tip-ui-component</link><description /><dc:language>en-US</dc:language><generator>14.0.0.586 14</generator><item><title>tip UI Component</title><link>https://community.telligent.com/community/11/w/api-documentation/67194/tip-ui-component</link><pubDate>Tue, 19 Nov 2019 20:28:42 GMT</pubDate><guid isPermaLink="false">4828b90b-190f-4e34-be98-8689352629af</guid><dc:creator>Ben Tiedt</dc:creator><comments>https://community.telligent.com/community/11/w/api-documentation/67194/tip-ui-component#comments</comments><description>Current Revision posted to API Documentation by Ben Tiedt on 11/19/2019 20:28:42&lt;br /&gt;
&lt;hr class="generated-documentation-start" style="border-width:0;" /&gt;&lt;h3&gt;&lt;a id="jQuery_telligent_evolution_ui_components_tip" name="jQuery_telligent_evolution_ui_components_tip"&gt;&lt;/a&gt;jQuery.telligent.evolution.ui.components.tip&lt;/h3&gt;
&lt;p&gt;[[ui JavaScript API Module|UI Component]] which handles presentation of a tool tip for a given element. The default implementation uses the [[evolutionTip jQuery Plugin|evolutionTip plugin]]. [[ui JavaScript API Module|Overrides can be provided]] at the theme level to present tool tips differently.&lt;/p&gt;
&lt;h3&gt;&lt;a id="Example" name="Example"&gt;&lt;/a&gt;Example&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;// Register a tip using a data attribute
&amp;lt;div class=&amp;quot;ui-tip&amp;quot; data-tip=&amp;quot;Tip Content&amp;quot;&amp;gt;An element with a tool tip&amp;lt;/a&amp;gt;

// Register a tip using the title attribute
&amp;lt;a href=&amp;quot;http://telligent.com&amp;quot; class=&amp;quot;ui-tip&amp;quot; title=&amp;quot;Tip Content&amp;quot;&amp;gt;Telligent&amp;lt;/a&amp;gt;

// Register a tip using the alt attribute
&amp;lt;img src=&amp;quot;/path/to/img&amp;quot; class=&amp;quot;ui-tip&amp;quot; alt=&amp;quot;Tip Content&amp;quot; /&amp;gt;///
&lt;/code&gt;&lt;/pre&gt;

&lt;h3&gt;&lt;a id="Default_Implementation" name="Default_Implementation"&gt;&lt;/a&gt;Default Implementation&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;$.telligent.evolution.ui.components.tip = {
    setup: function() { },
    add: function(elm, options) {
        $(elm).evolutionTip({
            attribute: options.tipcontent || $.fn.evolutionTip.defaults.attribute
        });
    }
};
&lt;/code&gt;&lt;/pre&gt;

&lt;hr class="generated-documentation-end" style="border-width:0;" /&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;
</description></item></channel></rss>