dani3lsun/apex-plugin-apextooltip

Oracle APEX Dynamic Action Plugin - APEX Tooltip

Oracle APEX Dynamic Action Plugin - APEX Tooltip

A powerful, flexible APEX plugin enabling you to easily create semantic, modern tooltips. Using the open source JQuery plugin tooltipster.

Changelog

1.2 - Removed unsupported positions like top-left, bottom-right from plugin (tooltipster migration guide) / upgraded tooltipster to newest version 4.1.5

1.1 - Added text source (freetext, text from item, text from title attribute of affected element) / upgraded tooltipster to newest version 4.1.2

1.0 - Initial Release

Install

• Import plugin file "dynamic_action_plugin_de_danielh_apextooltip.sql" from source directory into your application
• (Optional) Deploy the JS and CSS files from "server" directory on your webserver and change the "File Prefix" to webservers folder.

Plugin Settings

The plugin settings are highly customizable and you can change:

• Theme - APEX Tooltip theme (5 different themes to choose from)
• Content Text Source - Source of the tooltip content text (Freetext, Text from item, Text from HTML title attribute of affected element)
• Content Text - Content text of the tooltip
• Content with HTML - If the content of the tooltip is provided as a string, it is displayed as plain text by default. If this content should actually be interpreted as HTML, set this option to true
• Animation - Determines how the tooltip will animate in and out (Fade, Grow, Swing, Slide, Fall)
• Position - Set the position of the tooltip (Top, Bottom, Left, Right)
• Trigger - Set how tooltips should be activated and closed. Default 'hover'
• Delay - Delay how long it takes (in milliseconds) for the tooltip to start animating in. Default 200ms.
• min Width - Set a minimum width (in pixels) for the tooltip. Default: 0 (auto width)
• max Width - Set a maximum width (in pixels) for the tooltip. Default: null (no max width)
• Logging - Whether to log events in the console

Plugin Events

• APEX Tooltip - on Show - DA event to do things when a tooltip opens
• APEX Tooltip - on Hide - DA event to do things when a tooltip closes

How to use

• Create a new Dynamic Action with event "onload" (other events also possible)
• As action choose "APEX Tooltip".
• Choose best fitting plugin attributes (help included)
• Choose Affected Elements which tooltips are binded to (Items, Buttons, Regions or JQuery Selectors)

In your Report/ Interactive Report

• You have 2 columns, one is visable and the hidden one holds the tooltip text
• HTML Expression of visible column:

<span class="ir_tooltip" title="#TEXT_HIDDEN_COLUMN#">#DISPLAY_COLUMN#</span>

In the Plugin settings

• Content text source: Text from title attribute
• Affected Elements: JQuery Selector --> .ir_tooltip

Demo Application

https://apex.oracle.com/pls/apex/f?p=APEXPLUGIN

Preview

• tooltipster

apex-plugin-apextooltip's Issues

Information request

Does it work with IG? (APEX 19.1 w/Tomcat 7 and XE 11gR2)
I'm not sure it will work... (I can't at least) The JQuery is not picking up the class or I don't know how to make it work...

Any word of advice would be appreciated.

Thank you Daniel
Gaspar

Tip does not work with ITEM set Display Only

Expected behavior

On a dialog i have a field with Display Only qnd tip does not fire, either hover or click.

Actual behavior

It only work when Item set to Text Field

Steps to reproduce the issue

APEX version (4.2.6 / 5.0.3)

Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)

Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

Steps after dynamic action

Hello there,

I loved your plugin. I imported the sql file
Created a dynamic action but I have no idea how to have add tooltip to a column.

Can you also double check my dynamic action settings.

Thanks,

i need tutorial video or pdf document step by step for apex tooltip please help me in this regards.

Expected behavior

Actual behavior

Steps to reproduce the issue

APEX version ( 5.0.3)

Used web server / version and platform (ORDS 3.0.3)

Used web browser / version and platform (Chrome 48)

Toolpit in an IR to show content of a (hidden) cell

How can i use the plugin in an IR to show the content of a hidden cell as tooltip of another cell of the same row? I can't use the usual #rowname# format to adress the content.

thanks in advance
peter

Show Tooltip when hovering over IR Row

Hi Dani,
plugin works great.
Question: Is the a chance to show the tooltip whenever hovering somewhere in the row. In contrast the actual implementation where the user has to hover over a column

Redards Peter

Empty Tooltip shown when Attribute Value String is null

I use Tooltip text from Title Tag.
Whenever the Attibute Value, used as Text, is null, an empty tooltip is shown.
Is there a way to suppress the whole tooltip whenever the Title Value is empty?

Regards
Peter

Plugin does not work after "maximize" the IR

Expected behavior

Tooltips should show up, no matter which view option user chooses

Actual behavior

After maximizing the IR tooltips are not shown any longer

Steps to reproduce the issue

Create an IR whith the "Maximiz" Button enabled.
Start IR. Hovering over the designated column shows tooltip.
Use the Maximize Button. Tooltips will not show up.
Switch back to "normal" view. Tooltips show up again

APEX version (4.2.6 / 5.0.3)

5.0.3

Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)

ORDS

Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

Windows FF