Bootstrap-popover is a small overlay of content that is used to display secondary information of any element when it is clicked by a user
Questions tagged [bootstrap-popover]
337 questions
62
votes
6 answers
How to bind bootstrap popover on dynamic elements
I'm using Twitter Bootstrap's popover on the dynamic list. The list item has a button, when I click the button, it should show up popover. It works fine when I tested on non-dynamic.
this is my JavaScript for non-dynamic…
user2150267
- 673
- 1
- 7
- 6
17
votes
2 answers
How can you ensure twitter bootstrap popover windows are visible?
Does anyone know of an extension to the popover component of twitter bootstrap that dynamically changes the placement option to ensure that the popover displays on the screen?
Steve Mitcham
- 5,268
- 1
- 28
- 56
14
votes
2 answers
the usage of parameter container in bootstrap popover?
in most cases I found on internet, the container was set to 'body'
What I encountered:
bootstrap popover shows on a fixed div content, when you scroll page, popover moves too.
I change the param container to my specific DIV #search-filter-container,…
hlcfan
- 313
- 1
- 2
- 10
12
votes
3 answers
Rendering partial in bootstrap popover rails 5 app?
I'm having a problem rendering a partial in a bootstrap popover in my rails app.
The partial is always rendered as a plain text( showing all the HTML tags etc).
this is the code from the index.html.erb
codegirl
- 377
- 1
- 5
- 18
12
votes
3 answers
Bootstrap - Programmatically attach and show popover to an element
I'm using Bootstrap v3 and I'm trying to show a popover programmatically, next to an element, when the page loads.
There is no popover markup in the DOM. I want to create and show it in JQuery.
I've tried this but it doesn't work.
$( document…
iltdev
- 1,789
- 9
- 27
- 51
12
votes
4 answers
How to prevent the popover div for hiding on clicking inside it for twitter bootstrap "dismissible popover"(data-trigger="focus")?
I have a a dismissible popover(data-trigger="focus") with a text box inside it. But as soon as I click inside the text box to type it dissappear because of the "data-trigger="focus". How do I make the div intelligently not disappear on click inside…
Rohit Rane
- 2,790
- 6
- 25
- 41
11
votes
2 answers
Keep popover open when hovering it
I have set up an element that triggers a NgbPopover on hover:
Hover me
Currently, the popover will be shown when hovering the element and consecutively…
tilo
- 14,009
- 6
- 68
- 85
9
votes
3 answers
Vuejs: Callback after render
I have a Bootstrap popover that I want to attach to an element that has a conditional render; therefore, I must trigger $().popover() after the element has been attached to the DOM.
Is there a way to trigger a callback after a v-if statement inserts…
Neve12ende12
- 1,154
- 4
- 17
- 33
8
votes
7 answers
Link in Bootstrap popover doesn't work
I have a popover with focus-trigger and a link in the popover.
Html:
8
votes
2 answers
How to make popover appear where my mouse enters the hover target?
This is an example code to show the popover window display below my button:
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
placement: 'bottom', content: ''
Now I want the popover window appear on the place where my cursor moves…
user2049259
- 533
- 2
- 6
- 13
7
votes
1 answer
Hide Bootstrap Popover if parent element is removed
How do you hide a bootstrap popover if the parent element, that triggered this popover, is removed from the dom?
If a user clicks a button on my page, some content will be loaded into a div via ajax. On the next click on a different button, another…
Jbartmann
- 1,459
- 4
- 24
- 42
6
votes
0 answers
ngx boostrap popover does not move with the button when main page is scrolled with container="body"
I am using an ngx boostrap popover as per this
documentation
I need to use container="body" because without this, the main body styles are affecting my popover and it gets cut. But, after I add this property, I run into a new issue. When I click on…
user1892775
- 2,001
- 6
- 37
- 58
6
votes
1 answer
How to add vertical menu items to Bootstrap popover?
I'm using Bootstrap v3.3.5 in my website.
I want to open-up a popover which contains three menu items separated by horizontal lines.
Menu items should be vertical and should be as follows :
Edit Event
Invite Members
Delete Event
Each of the menu…
PHPLover
- 1
- 51
- 158
- 311
5
votes
1 answer
Bootstrap 5 Popover Error - Cannot find name 'bootstrap'
I am trying to create a popover in the Javascript of my Angular 12 project. I am using Boostrap v5.0.1. I can't seem to get rid of a name error when I am trying to create the popover:
var exampleEl = document.getElementById(item.name + index);
var…
bschmitty
- 1,118
- 3
- 16
- 46
5
votes
2 answers
How to give border to ngbpopover
I work in angular and I have opened a ngbpopover. But I want to give it's border as shown in design.
Please help me if anyone know that how to do it.
Currently my design is like this as below. But I want it as per above image.
Rohit Tagadiya
- 3,373
- 1
- 25
- 25