Search code examples
jquerytooltipqtip

Get Arrow in qTip


How can I add arrow in qTip. So far I have

$('.jym').qtip( {
            content: 'Ok', 
            style: { 
                name: 'cream' ,
                border: {
                    width: 3,
                    radius: 8,
                    color: '#6699CC'
                }
            },
            position: {
                corner: {
                    target: 'leftMiddle',
                    tooltip: 'rightMiddle'
                }
            }
        });

The generated tooltip is: enter image description here

But I need this:enter image description here

I went through the documentation but didn't understand how to get this arrow.

I really appreciate your help.


Solution

  • Try adding

      style: {
        tip: {
          corner: 'leftMiddle'
        }
    

    to the existing list of options

    http://craigsworks.com/projects/qtip/docs/tutorials/#position