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
1
vote
0 answers
Set livewire rendered blade as bootstrap popover data-content
I want to show customer data in a bootstrap popover.
I am using livewire datatable to show customers.
when click customer user name I want to show a popover with customer details.
this is the table which I show user name
user name get by this…

Supun Madhushanka
- 149
- 8
1
vote
0 answers
Adding a class to a button breaks Bootstrap popover
I use a sanitize: false configures popover with Bootstrap 5:
1
vote
1 answer
Why does this popover appear below the button when the code instruction is for right placement?
Why does this popover ONLY appear below the button when the code instruction is for right placement? The next few sentences are only to "add more details" for question to go through.
new…

JoeG
- 107
- 1
- 1
- 7
1
vote
1 answer
Bootstrap 4 Popover show/hide div
Using Bootstrap 4, I have a popover set to display some HTML content. Inside the popover, I would like to show/hide a div with additional content using jQuery, but I can't get it to show the hidden content.
HTML
1
vote
1 answer
Bootstrap Popover Ignoring Placement Option
I have a select inside a bootstrap modal that contains options with bootstrap popovers containing a more detailed description of each option. Currently no matter what I set the placement option to in the popover initialization, it pops up in the…

joeschmoe1992
- 11
- 1
1
vote
0 answers
How to prevent the popover defined on a list item which contains a checkbox from showing up when the checkbox is clicked
The following sample code shows two checkboxes wrapped in a div which has an alert set. Clicking the first checkbox triggers the alert on the div. The second checkbox uses stopPropagation() to suppress the alert. The same suppression technique is…

Chen Jiang
- 65
- 5
1
vote
1 answer
Bootstrap modal window not opening from inside bootstrap popover
when you click "MAGIC" then a bootstrap popover is shown and there you see the settings icon. If you click that icon a modal window should open, like if you click on the blue button "Launch demo modal". How can I fix that? What is the problem?
Here…

Oliver
- 79
- 6
1
vote
1 answer
Horizontal alignment of all popovers on a page
I have a bootstrap form with various input fields (sometimes multicolumn rows) that should display a popover on focus.
The basic implementation allows me to display a popover next to the input-field. But I would like to display the popover next to…

Ali
- 761
- 1
- 5
- 24
1
vote
0 answers
Can't load dynamical generated code over AJAX in Bootstrap Popover
I'm try now over 5 hours to load dynamical generated code via AJAX in Bootstrap 4 Popover's. I still tried many variations found on Google but nothing get me the expected result.
I use jQuery 3.4.1.
I want to load the HTML form my file…

Johnnii360
- 21
- 4
1
vote
1 answer
can somebody give solution to my bootstrap popover problem here?
I'm trying to make an e-commerce web page with bootstrap 4. I want to have my product image show a popup for its description with bootstrap popover. But it won't show. I even erase all my code and tried to use the starter template from bootstrap,…

robith jadzab
- 39
- 6
1
vote
1 answer
Angular Bootstrap popover custom styling doesn't works
I have bootstrap popover in one of child component "child-component".
Bootstrap styling and popover working fine over here but I would like to add custom styling.
I configured popover as below in…

Mayank
- 934
- 1
- 17
- 37
1
vote
0 answers
angular-ui-popover arrow positioning is wrong in auto positioning mode
The popover's arrow is messed up after a couple of repositioning.
See this screencast:
Plunker link:
https://embed.plnkr.co/plunk/hBjJhoNQSZ40xNsY
I know the library is not maintained actively. Is there a workaround for this issue? In my case, it…

Rahim
- 918
- 1
- 12
- 23
1
vote
1 answer
Focus event for button doesn't fire on iPad
I want to add a bootstrap popover to my site. It should show up, when the user pushes a button by using the focus event. This works on the Desktop, but not on the iPad. It seems like Safari on iOS doesn't raise the focus event for buttons…

André Reichelt
- 1,484
- 18
- 52
1
vote
2 answers
How to hide one bootstrap-popover when opening another?
(bootstrap 4)
Hi all, I'm trying to make it so that when you click outside "popover" - it (popover) was hiding (kind of like I did it). And while doing so, I'm also trying to make the "disappearance" of the first popover when clicking on…

Aiswe
- 25
- 6
1
vote
1 answer
XPages - Bootstrap popover
I have an icon, which when you hover, pops up some extra information in a bootstrap popover
This works as expected, however, if I then click on any field on the page, which then does a partial refresh of a div containing the icon, it then loses the…

Chris Richards
- 695
- 5
- 14