[Phpmyadmin-devel] qTip usage for more reusable code

Tyron Madlener tyronx at gmail.com
Mon Jul 11 10:53:16 CEST 2011

On Mon, Jul 11, 2011 at 11:34 AM, Aris Feryanto <aris_feryanto at yahoo.com> wrote:
> ----- Original Message -----
>> From: Aris Feryanto <aris_feryanto at yahoo.com>
>> ----- Original Message -----
>>>  From: Tyron Madlener <tyronx at gmail.com>
>>>  Hi Aris
>>>  I have reused your Tooltip style (dHint class) and animation effects
>>>  for my sortable tables on the status page. However I had to copy the
>>>  code, maybe it's worth investing time in a reusable solution? Maybe
>>>  based on qtip (or we remove qtip altogether and build our own
>>>  solution)?
>> Hi Tyron,
>> Reusable code is always good. I think we can use qtip, since it is already
>> included in phpMyAdmin jQuery library and the interface also looks nice.
>> I'll try this on browse-mode tooltip.
> I changed the subject of this email to make it clearer.
> I pushed new code using qTip to my repo. You may try the demo at [0]. But, there are some bugs left:
> - qTip seems to conflict with column highlighting.
> - I use qtip.hide() to hide the qtip when column header is clicked in order to mark/unmark or to reorder column. But, sometimes it just disappear and never come back again.
> I think these problems won't happen in sortable tables on the status page, since it doesn't need special handling as in browse-mode.
> Before I proceed further, I would like to hear any comment or feedback from other phpMyAdmin developers and GSoC-ers about this qTip usage.
> [0] http://demo.phpmyadmin.net/gsoc-aris

I somehow really liked the style and animation of the old tooltip. It
was more aesthetically pleasing ;)
Just like the apple site had it.

Maybe we can get qtip tooltips to look that same as well as have this
zooming effect on them? Otherwise I would suggest to remove qtip from
pma and build our own solution, since pma doesn't need the feature
richness of qtip, I think.

And it should probably still follow the mouse cursor, and not point to
the corner of the column.
So altogether maybe we then define a function PMA_createqTip() in
functions.js that applies some default options to qtip. Something like

function PMA_createqTip(element, options) {
  var o = {
    position: {
      target: 'mouse'
    style: {
      border: {
        width: 1,
        radius: 5,

  $(element).qtip($.extend(o, options));

> --
> Aris Feryanto
> ------------------------------------------------------------------------------
> All of the data generated in your IT infrastructure is seriously valuable.
> Why? It contains a definitive record of application performance, security
> threats, fraudulent activity, and more. Splunk takes this data and makes
> sense of it. IT sense. And common sense.
> http://p.sf.net/sfu/splunk-d2d-c2
> _______________________________________________
> Phpmyadmin-devel mailing list
> Phpmyadmin-devel at lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel

More information about the Developers mailing list