search

zurb / joyride

jQuery feature tour plugin.
http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin
1.42k stars 238 forks source link

Feature request: Nub Offset #132

Open QuintinHumphreys opened 11 years ago

QuintinHumphreys commented 11 years ago

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.

mattnthat commented 11 years ago

I was looking for that feature today!

QuintinHumphreys commented 11 years ago

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

mattnthat commented 11 years ago

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.

itsmattsoria commented 11 years ago

@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;
}
anle1337 commented 8 years ago

2016 can confirm this works