[Solved] Swap between showing qTip as a tooltip and as a modal window

[Surya]

Hi All,

First off thanks for the awesome qTip. Coming to my issue, my requirement is to make qTip work as a regular tooltip with some data in it and when an external event happens, change it to a modal window and accept input within qTip.

I was successful in updating content as required. But the behavior of qTip is what am unable to change.

JS Code

$("#Mycontrol").qtip({
          content: $("#" + this.ClientID + "_tooltipDiv"),
          show: {when: { event: 'mouseover' },delay: 0},
          hide: { fixed: true },
          style: { background: '#FEFEF1' },
          position: {corner: {target: 'bottomRight',tooltip: 'topRight'}, adjust:{y:1}}});

I am unable to change hide attribute to

JS Code

hide:false

on the fly. Any help will be much appreciated

[Craig]

I'd suggest moving over to qTip2, which lets you set properties like that and updates the tooltip properly

[Surya]

(15th February 19:14)Craig Wrote:  I'd suggest moving over to qTip2, which lets you set properties like that and updates the tooltip properly

Thanks for the reply Craig. So is this behavior tough to achieve with qTip 1.x or not at all supported? Also it will be great if some pseudo code is posted as how to change hide dynamically.

[Craig]

Well qTip2 has a .set() and .get() API, which will update the tooltip correctly when you set a config option after render-time. RC3 doesn't have this, so setting the property won't have any effect on those options which are bound at render-time.

JS Code

$('.selector').qtip('option', 'hide', false);