0

I have made friends with the jquery cluetip plugin and dig it.

Clue Tip Home

However, I would like to position the cluetip pop up to the left of the target div. Currently it calculates whether there is enough room to the right of the target and failing that will display to the left.

Here's some example code.

$('.myTip').cluetip( { hoverIntent: {
    sensitivity:  1,
    interval:     100,
    timeout:      750
    },
    cluetipClass: 'rounded',
    width: 300,  ajaxCache: false, cursor: 'pointer', sticky: true,  arrows: false,  mouseOutClose: true,
  closePosition: 'title', closeText: '<img class="iconFade2" src="${pageContext.request.contextPath}/images/cancel.png" alt="" />' });

Any takers?

jaseFace
  • 1,415
  • 5
  • 22
  • 34

1 Answers1

0

positionBy:

Available options are 'auto', 'mouse', 'bottomTop', 'fixed'. Change to 'mouse' if you want to override positioning by element and position the clueTip based on where the mouse is instead. Change to 'bottomTop' if you want positioning to begin below the mouse when there is room or above if not -- rather than right or left of the elemnent and flush with element's top Change to 'fixed' if you want the clueTip to appear in exactly the same location relative to the linked element no matter where it appears on the page. Use 'fixed' at your own risk.

http://plugins.learningjquery.com/cluetip/#options

So you can manipulate the default positioning of the cluetip by using positionBy with leftOffset and topOffset, for example:-

$('.myTip').cluetip({
  positionBy: 'fixed',
  leftOffset: '-340',
  topOffset: '0'
});

Obviously you'll have to play around with the values yourself until you get the desired result, but that should point you in the right direction.

Community
  • 1
  • 1
billyonecan
  • 20,090
  • 8
  • 42
  • 64
  • Hi defiwud. Forgive me I did read those options but still failed to understand how to force the cluetip to position itself to the left. – jaseFace Sep 17 '12 at 07:55
  • I've added an example for you to look at – billyonecan Sep 17 '12 at 08:15
  • I've tried your code suggestion but it still aligns to the right of the target if enough room. – jaseFace Sep 18 '12 at 11:29
  • 1
    Hmm I've never used this plugin so I don't know what to suggest really. If you're willing to consider an alternative, [qtip2](http://craigsworks.com/projects/qtip2/demos/) is a really good tooltip plugin which is extremely easy to position – billyonecan Sep 18 '12 at 11:32
  • Well thanks for your suggestions. Agree qtip2 is very much easier to position. – jaseFace Sep 18 '12 at 13:55