angularjs - dynamic position custom popover based on the page height -


i have ui-bootstrap-custom-0.12.1.js popover default position set "top", if popover @ top default cannot view content in popover. there way dynamic position popover bottom?.

<div class="pagination-centered">   <h2>title: {{item.title}}</h2>   <div  popover="patienthover" popover-title="item.title" popover-placement="top" popover-trigger="click">     <button class="btn">{{text}}</button>   </div> </div> 

here plunker link [popover position top][1]

http://plnkr.co/edit/oq9xia2dmw1tgnyznckd?p=preview

the popover-placement tag takes string argument instead of javascript. however, can pass javascript tag (and implement logic of own determines placement) so:

popover-placement="{{$scope.dynamicpopoverfunction(args)}}"

this allow call function in scope , return placement desire.


Comments

Popular posts from this blog

css - SVG using textPath a symbol not rendering in Firefox -

Java 8 + Maven Javadoc plugin: Error fetching URL -

datatable - Matlab struct computations -