qTip2 smart positioning via viewport

Question

I have right panel, that should have qTip on each element. Area is scrollable, so lowee tips just dont fit in window. Problem demonstrated below:

If i add smart positioning to my tooltip:

 position: {
        viewport: $('#window')
    }

I get the tooltip stay inside the window, but now it sets position automatically above or below element (instead al the left of it) and goes over clickable elements, making them unreacheble for user. Demonstrated below:

The question is: how do I make tooltip with smart positioning withing viewport (window) that keeps initial position (left)?

Answer 1

Got it. To make it stay visible we can use adjust. This option determines the kind of viewport positioning that takes place. If we put adjust: {method: none shift} - then the tooltop, when is getting out of visible, will not move horizontally (none) and move vertically (shift).

For more option read the manual. http://qtip2.com/plugins#viewport

position: {
        at: 'center left',
        my: 'right center',
        effect: false,
        viewport: $('.mainPanel'),
        adjust: {
            method: 'none shift'
        }
    },