Stack Overflow
Stack Overflow

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
2
votes
0 answers

table into Bootstrap popover

I have a Bootstrap popover and I'm trying to put a table into it but then it doesn't show up when I click on it Therefore, I copied the code as it is by referring to this link Putting table into Bootstrap popover but the table contents do not appear…
Patrick
  • 21
  • 1
2
votes
0 answers

How to stop propagation on a WHOLE ngbpopover?

I am working on an Angular project. I am building a form, editable through a popover. I am using Ng-Boostrap popovers. My form got a Date element: This field is editable through another popup. Both of them are set autoclose to 'outside'. Problem:…
Fabien
  • 389
  • 2
  • 5
  • 15
2
votes
0 answers

Bootstrap popover not showing html content when trigger is set to manual

searched for some time and didn't find an answer. I want the popover to have html content, to open on hover and be clickable. But if I set the trigger to 'manual', then the button is not displayed. Do I set the trigger to hover, then the popover is…
Oliver
  • 79
  • 6
2
votes
1 answer

Bootstrap 3 popover callback on hidden event not working

Following this example, i tried to implement a hidden callback function but while show callback works perfectly, there's no way to make hidden callback work. Can someone explain why this happens? I've created this fiddle to replicate the…
Mark
  • 645
  • 2
  • 9
  • 27
2
votes
1 answer

How to include a Form inside a Popover using Bootstrap 4.3?

I am trying to include a form inside a Popover, created using Bootstrap 4.3, Popper.js and jQuery 3. The latest version of each. The problem is that it works with text, it works with tags, but as soon as I use forms, labels and inputs it doesn't…
Kevin Mamaqi
  • 355
  • 4
  • 17
2
votes
1 answer

Placing Bootstrap popover next to cursor position (inside of clicked element)

I have a bootstrap popover that I cannot seem to get to show up inside the element I am calling it on, next to my mouse. I have searched far and wide through the popper.js documentation and have tried using the 'offset' modifier, as well as…
modularmoon
  • 53
  • 9
2
votes
0 answers

Is it possible to make popover equal to a variable or a function?

I wonder if I can make data-content equal to a function, i.e. Hardware Type I want to have something like data-content="CallMyFunction", how…
LinconFive
  • 1,718
  • 1
  • 19
  • 24
2
votes
1 answer

Insert a close button in bootstrap popover plugin

I want to insert a close button in bootstrap popover plugin on the top right corner as shown in the picture and I have tried a lot of ways that other people proposed on the internet but it's not working, maybe I did it wrong way.. Something like…
Julia Ng
  • 31
  • 1
  • 6
2
votes
1 answer

Popover scrolls and some content is hidden when called within a .sticky-top element

So, using Bootstrap 4, I have a navigation bar that is set to .sticky-top. There's a button that calls a popover, which works great until the page is scrolled a little, then the top part of the popover content gets hidden. This wouldn't be too bad…
Matthew
  • 521
  • 3
  • 13
2
votes
2 answers

How to trigger Bootstrap popover in my react app

In jQuery we usually trigger a popover like below : $(".font-family").popover({ html: true, animation: true, placement: 'auto top' }); component : this.state.data.map((element, index) => { return (
Balaji731
  • 1,079
  • 1
  • 10
  • 15
2
votes
1 answer

Select2 doesn't work on bootstrap popover form?

I have a table one row contains around 30 td for each td I open a popover where I will be showing my form because I want to show for which td they enter the values so I have chosen to use bootstrap popover, I use select2 for all the select field on…
Subash
  • 806
  • 8
  • 21
2
votes
1 answer

ngx bootstrap popover move the html string creation to HTML template file

I am using ngx bootstrap http://valor-software.com/ngx-bootstrap/#/popover#popover-directive I am using dynamic html style to display html in the popover body as follows: