[Phpmyadmin-devel] qTip usage for more reusable code

[Tyron Madlener]

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
this:

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
>