dnnTooltip jQuery Plugin

Return to previous page

  • 4/7/2015
  • 2503 Views

Comments

2503 Views

dnnTooltip jQuery Plugin

Last updated 6 years ago

Comments

Common

(Enter the content of this article below)

Advanced

 
This article is for a specific plugin. Please be sure to read the Introduction and Overview to jQuery Plugins which provides an introduction to the plugins.

dnnTooltip

This plugin is used automatically in the core dnn label and is included here for reuse elsewhere if desired.

Available Options and their Defaults

pinSelector: 'a.pinHelp', // the element that triggers the pin action
helpSelector: '.dnnFormHelpContent', // the "body" of the tooltip
pinnedClass: 'dnnTooltipPinned' // the class added when the tooltip is pinned

Usage Example

HTML:

<div class="dnnTooltip">
<label id="label" runat="server">
<asp:LinkButton ID="cmdHelp" TabIndex="-1" runat="server" CausesValidation="False" EnableViewState="False" CssClass="dnnFormHelp">
<asp:Label ID="lblLabel" runat="server" EnableViewState="False" />
</asp:LinkButton>
<asp:Label ID="lblNoHelpLabel" runat="server" EnableViewState="False" Visible="false" />
</label>
<asp:Panel ID="pnlHelp" runat="server" CssClass="dnnFormHelpContent dnnClear" EnableViewState="False" style="display:none;">
<asp:Label ID="lblHelp" runat="server" EnableViewState="False" class="dnnHelpText" />
<a href="#" class="pinHelp"></a>
</asp:Panel>
</div>

JavaScript:

$('.dnnTooltip').dnnTooltip();

Other jQuery Plugins

  • dnnAlert - displays a notice in a modal dialog (uses jQuery UI)
  • dnnConfirm - displays an "are you sure?" confirmation in a modal dialog (uses jQuery UI)
  • dnnPanels - displays content areas in regions that are expandable and collapsible
  • dnnExpandAll - works with panels to expand or collapse all regions
  • dnnTabs - Displays content areas in a tabbed format (uses jQuery UI)
  • dnnPreview - Helps preview skins and containers in a new window
Contents
No sections defined

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out