angularjstwitter-bootstrapbootstrap-slider

Tooltip is not working in bootstrap modal?

I used seiyria angular-bootstrap-slider for range slider,but initially when page loads the tooltip is at wrong position.when it is placed in normal page it is working fine,but in modal it is intially at wrong position,but when I click it will be set.So how to slove this issue.

HTMl:

<button class="btn btn-default" value="modal"
        onclick="confirmChangeMaxHours();"><i
            class="glyphicon glyphicon-cog"></i> Adjust Value

Here is the link:

Codepen

I found this suggestion in some site:

 setTimeout(function() {
slider.slider("relayout");
}, 500);

But,where I have to give setTimeout function,I tried to give but it is showing error like Slider is not defined.

Thanks in Advance.

Solution

  • add this css into your code

    .tooltip{

  margin-left:-32px!important
}