Reposition tooltip / arrow

Question

I have a toolbar on my area map that I made and I use http://qtip2.com/

my code when I call the tooltip is the same in this question Map area tag hint

jQuery(document).ready(function (e) { jQuery('area').qtip({ style: { classes: 'qtip-dark' }, events: { show: function(event, api) { api.set({ 'content.text': api.elements.target.attr('title') }); } } }); }); 

But my tip is always in the lower right corner of my area, is there a way I can enable this in the upper right corner instead?

Answer 1

Find the answer below to help you.

 jQuery(document).ready(function (e) { jQuery('area').qtip({ style: { classes: 'qtip-default qtip qtip-light qtip-rounded', width: '250px', height: '70px', tip: true }, position: { my : 'bottom left', at: 'top right', adjust: { method: 'none none', // Requires Viewport plugin resize: true }, }, events: { show: function(event, api) { api.set ({ 'content.text': api.elements.target.attr('title') }); } } }); }); 

Answer 2

Thanks to Chiral Patel's comment, I found a way, thanks!

 jQuery(document).ready(function (e) { jQuery('area').qtip({ style: { classes: 'qtip-default qtip qtip-light qtip-rounded', width: '250px', height: '70px', }, position: { my : 'bottom left', at: 'top right', method:'none' }, events: { show: function(event, api) { api.set ({ 'content.text': api.elements.target.attr('title') }); } } }); });