AngularJS: UI Bootstrap Popover Placement 'bottom-right'

Question

I am using UI Bootstrap and AngularJS, and I want to have popover with placement 'bottom-right', instead of the normal 'bottom' or 'right'. The picture below shows how I would like it work.

Anybody know how to do this? I've seen this somewhat addressed for plain old bootstrap, but not ui bootstrap here: bootstrap popover: advanced positioning

Please Read this [ui-bootstrap](https://angular-ui.github.io/bootstrap/#/popover) — Maher, Dec 16 '15 at 13:10
@ Mihail Stancescu "bottom right" doesn't work - it causes the popover to be placed wrong, and doesn't have an arrow part at all for me. — Tom O'Brien, Dec 16 '15 at 13:16
@Maher - have read the ui-bootstrap page, but it only give "top, bottow, left and right" as options for popover-placement — Tom O'Brien, Dec 16 '15 at 13:17
@Dinesh ML - haven't tried any custom CSS - not sure what to change... — Tom O'Brien, Dec 16 '15 at 13:17
Try with "bottom-right" here is more info [link](https://github.com/angular-ui/bootstrap/tree/master/src/popover/docs) — Mihail Stancescu, Dec 16 '15 at 13:30
@MihailStancescu - I've tried that, but it doesn't give the desired effect. I've created a plnkr using the example code in the docs here: http://plnkr.co/edit/TyQXcGNXfZ5py0n37Mse You can see how it behaves for the 'bottom-right' type positions, which is pretty strange. — Tom O'Brien, Dec 16 '15 at 14:23

score 3 · Accepted Answer · edited Apr 22 '16 at 08:10

3

Just keep the value of popover-placement to bottom-right.
Works in the latest builds.

edited Apr 22 '16 at 08:10

skypjack

49,335
19
95
187

answered Apr 22 '16 at 07:49

Manas

808
1
7
16

score 2 · Answer 2 · answered Dec 16 '15 at 13:54

2

This feature was added under PR #4899 and will be available in the next release.

answered Dec 16 '15 at 13:54

Rob J

6,609
5
28
29

AngularJS: UI Bootstrap Popover Placement 'bottom-right'

2 Answers2