Questions tagged [bootstrap-popover]

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

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…
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
PixelPaul
  • 2,609
  • 4
  • 39
  • 70
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…
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…
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…
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,…
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…
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…