joyride icon indicating copy to clipboard operation
joyride copied to clipboard

Feature request: Nub Offset

Open QuintinHumphreys opened this issue 11 years ago • 5 comments

i'd like to be able to adjust the position of the nub for each tip. not just top bottom left or right, but perhaps a pixel offset value to move it relative to the default.

QuintinHumphreys avatar Jul 21 '13 08:07 QuintinHumphreys

I was looking for that feature today!

mattnthat avatar Aug 13 '13 10:08 mattnthat

dont get excited about it. nobody replies around here...

QuintinHumphreys avatar Aug 13 '13 10:08 QuintinHumphreys

Maybe your setting the standard from here on ;)

Ahh well. The offset relative to default would really let the tour look polished. Right now im hitting elements with the tag looking a touch wonky. Not ideal but it will do for now.

mattnthat avatar Aug 13 '13 11:08 mattnthat

@Quintin79 @mattnthat - you can accomplish this on a global, or per-tooltip basis by giving your li's a custom class, and setting the left or right value on .joyride-nub to what you want (for me the default left value was 22px). For example: HTML -

<ol id="joyRideTipContent">
      <li data-class="so-awesome" data-text="Next" class="custom">
        <h2>Stop #1</h2>
        <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
      </li>
</ol>

CSS -

.custom .joyride-nub {
    left: 40px;
}

itsmattsoria avatar Oct 21 '13 13:10 itsmattsoria

2016 can confirm this works

anle1337 avatar Sep 06 '16 17:09 anle1337