I have incorporated ngx-bootstrap into my Angular 4 application.
The component I am using is ngx-bootstrap Tooltip:
After importing it, I am implementing it in my component's view like this:
<button type="button" class="btn btn-primary"
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
placement="right">
Simple demo
</button>
Currently, I am utilizing the right option for positioning.
However, I am looking to further customize the position by setting it to the values of left and top.
I have attempted various methods, such as trying to override the style using jQuery as shown below:
ngAfterViewInit() {
$('.nomadis').mouseover(function () {
$('bs-tooltip-container').css({'left': '100px' , 'top':'50px'});
});
}
Despite these attempts, the tooltip remains in its original position.
Any suggestions on manually adjusting its position?