lookback / meteor-tooltips Goto Github PK

I meet this problem when using your package,

it seems related to the position calculation, any idea?

I'd like to add an extra div element to the tooltip template, How can I do this? If I create a tooltips template myself, Meteor throws an error saying that I cannot have multiple templates with the same name.

Just upgraded a project from 0.5.2 to lookback:[email protected]. When I view any page I see a huge demo of tooltips above my project's UI... perhaps the change made in 0.5.5 wasn't complete?

(My app's UI starts with "today" in the screen-shot above.)

tooltips.meteor.com no longer works.

Hi, I am using the tooltips and am successfully changing the global Tooltips.disable from true to false. However, there is no change seen in the visibility of the actual tooltips. I assumed that the tooltips would automatically be removed on setting the .disable field, but is there something else I need to do? Thank you!

in this tooltip not familian worked for meteor react ?

Hi,
I noticed you're using compass directions for the data-tooltip-direction.
I think, by mistake, you got east and west mixed up, that can get confusing...
Cheers!

I added a tooltip to double clickable table row which appears when hover over each row. That works fine. But when I double-click a row, it removes that table and loads new template, but that tooltip does not go away.

Hi! I'd like to be able to use inner html inside the tooltip, like this :

<span data-tooltip="<em>Hi!</em>"></span>

Or perhaps better :

<span data-tooltip-inner="true">
    <span data-tooltip-inner-html>
        <em>Hi!</em>
    </span>
</span>

Is it currently possible to show the tooltip when I click on a button, then remove it after my mouse has left the element?

Right now I have data-tooltip-trigger="click" and data-tooltip="Hey!" on a icon element. I want the tooltip to go away once they've left the icon.

Is it possible to have multiple styles for tooltips without a way to set a class on the tooltip?

For instance, if I need red tooltips in one part of the app and blue tooltips in another?

Bootstrap's tooltip allows for different triggers for displaying the tooltips: http://getbootstrap.com/javascript/#tooltips-options

I think it can be very useful, especially when dealing with mobile devices. In fact, I need that feature for the project I'm working on now.

I can create a pull request if you think it will be good.

Thanks!

If I write something like :

<span  data-tooltip="{{minutes}} - {{observations}}" style="left: {{leftOffset}}px;" ></span>

The data-tooltip attribute will update reactively but the the tooltip content won't. Is that the expected behaviour?

IE have problems with the positioning. Seems like IE sorting style names when set them in DOM.

Screenshot

Template helper "position" return string like "position: absolute; top: 100px; left: 100px" but in DOM styles looks like

left: 100px top: 100px; 
position: absolute;

And tooltip container displayed in incorrect place.

Fix is simple - add semicolon in helper "position" for "left" style:

position: function() {
  var css;
  css = getTooltip().css;
  return "position: absolute; top: " + css.top + "px; left: " + css.left + "px;";
}

I'm trying to set data-tooltip-left to a negative value without success, it invalidates the css flag:

Is there an alternative?

Hi I've installed your package via meteor add.
However i see that it does not come with CSS compiled, nor SCSS.

I think you should explicitly say this behaviour.
Telling people to customize on their own the tooltips.