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
3
votes
2 answers
Bootstrap popover with html title tooltip
I want to use a bootstrap popover that gets triggered on click and has a (non-bootstrap) tooltip on hover. Normally you would use html title attribute for this. But on initialisation of a popover, bootstrap writes the content of the title attribute…
Jbartmann
- 1,459
- 4
- 24
- 42
3
votes
1 answer
Bootstrap Popover follow trigger element on page resize
FIDDLE HERE
I have tried various answers from this forum without success. I am trying to get my bootstrap popover to "follow" the element that triggered it on page resize. Challenge is the popovers are dynamically generated so I cannot give a…
TheRealPapa
- 4,393
- 8
- 71
- 155
3
votes
1 answer
Angular UI-Grid Support for BootStrap Popover?
I'm trying to dig into the API of Angular UI-Grid in order to make sure I achieve the Bootstrap Popover for my cell header. I've been seeing all around but couldn't find any solution.
Something like this - plnkr.co/edit/UJJttN
I'm also trying to…
Sidd Thota
- 2,040
- 1
- 20
- 24
3
votes
2 answers
How to change the width of bootstrap popover
I Have a column whose dimensions are
width:30px and height:25px
The column bears only one button if the popover is triggered, It's width scales to the width of column ... Can someone know how to increase the width of the popover?
width:100px and…
Dilkush
- 113
- 1
- 2
- 15
3
votes
2 answers
Populate angular ui bootstrap popover
How do you populate an angular ui bootstrap popover? I want to populate the popover with a list of actor names. Here is the code:
Movies played in:
user3365207
- 235
- 6
- 18
2
votes
1 answer
`Popover` (as React component) with `OverlayTrigger`
I'm trying to create rich React component as popover content.
If I use example with simple const popover (https://react-bootstrap.netlify.app/components/overlays/#examples-1) everything works fine.
Problem
But custom react component fails to…
briiC
- 2,134
- 17
- 28
2
votes
1 answer
how to use bootstrap 5 popover in reactjs components
I have seen many videos where people activate bootstrap 5 popovers using
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return…
Yadharth
- 31
- 6
2
votes
0 answers
Bootstrap popover, hide on click outside? (Bootstrap ver 5.1.1)
I need the following popover to work as follows; When user clicks within popover, it does not close. User clicks anywhere else on form, popover closes. Everything I've tried does not work. Please help!
$('#myAlerts').popover({
"html": true,
…
HABosch
- 49
- 3
2
votes
1 answer
How to use bootstrap 5 popover using jQuery?
I want to show a div content in popover using jQuery.
In Bootstrap 3 it works fine. But in BS-5 it not working.
Here Is my code:
$('.popper').popover({
placement: 'bottom',
container: 'body',
html: true,
content: function () {
…
Saptam Dev
- 495
- 1
- 6
- 25
2
votes
3 answers
Bootstrap 5: make tooltip hoverable and link clickable
Sometimes you want to include links in the tooltips and make them clickable. Since I did not found any good answer for bootstap 5 and took me some time to figure out I want to share it.
The default Bootstrap 5 tooltip initialization looks like…
V1pr
- 103
- 2
- 9