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

Java 8 + Maven Javadoc plugin: Error fetching URL -

android - How to delete or change the searchview icon inside the SearchView actionBar? -

c++ - Msgpack packing bools bug -