Auto positioning of tooltip using AngularJS -
i want position tooltip automatically, if @ top of browser scrollbar, , there link tooltip in first line tooltip must displayed @ bottommid.
is there way using angularjs only?
i using angular-ui-bootstrap
<a href="#" tooltip-template="'tool.html'" tooltip-class="customclass">my template</a> <style> .tooltip.customclass .tooltip-inner { color: #414141; background-color: #f1f1f1; box-shadow: 0 6px 12px rgba(0,0,0,.175); } .tooltip.customclass .tooltip-arrow { display: none;} </style> <script type="text/ng-template" id="tool.html"> <span>special tooltip <strong>markup</strong></span> </script>`
we tracking via https://github.com/angular-ui/bootstrap/issues/375 , not have coded solution @ moment. however, please feel free subscribe issue updates , see this link above issue workaround.
things may little more tricky bootstrap 4 they've added dependency on tether library. have more research figure out how affects our library size if support it.
Comments
Post a Comment