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
4
votes
2 answers
How to change the bootstrap popover arrow border color without filling it?
I want to change the border-color of popover arrow.When I apply the border color,the arrow itself is filling up with the color.
I want to give only the color to the border of the arrow as for the popover body.
Click on button to see…
Raviteja
- 3,399
- 23
- 42
- 69
4
votes
4 answers
Style of Popover from React-Bootstrap is not being applied to my component.
I am trying to implement Popover with overlay trigger in React - Bootstrap.
It is supposed to look like this
I implemented it using this code:
var {Button, Overlay, OverlayTrigger, ButtonToolbar, Popover} =…
Sahiti S
- 111
- 2
- 6
3
votes
1 answer
Bootstrap Popover is not displaying
What's up guys. Minor dilemma but pretty frustrating.
I'm trying to turn my navbar menu into a popover to save on screen real-estate.
This is my navbar html code:
- 105
- 11
ajavad
3
votes
0 answers
how to initialize bootstrap tooltip everywhere in vue js
I tried to initialize bootstrap tooltip in vue cli globally.
so I placed this lines of code in App.vue 'mounted hook':
let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
let tooltipList =…
Ali H
- 132
- 8
3
votes
1 answer
Dynamically added bootstrap popover not working
I have found some similar questions, but still could get it to work.
So I know that if you add some html content on button click, that jQuery is not listening to it.
But I don't know how to fix that in my case. Hope someone can help. If you click on…
Oliver HD
- 67
- 1
- 8
3
votes
1 answer
HTML tags inside Bootstrap popover are not rendered
I'm having an issue and I cannot figure out why the HTML tags inside a popover will not get rendered.
JS fiddle here: http://jsfiddle.net/792xcgju/
user2513846
- 1,151
- 2
- 16
- 39
3
votes
1 answer
how to change delay in popover with an event?
I'm trying to change the delay option in a Bootstrap popover on click. I wish the result to be such that when you click the second button the popover shows immediately, but it doesn't and I don't know why.
I tried to use dispose, disable, hide and…
MacOne
- 33
- 6
3
votes
2 answers
Add Bootstrap popover programmatically vue-full-calendar
My end goal is to add a Bootstrap 4 Popover to Full Calendar to display calendar event descriptions, since depending on the view, Full Calendar cuts off the Title/description. Since Full Calendar is generating everything based off of the events prop…
chrislebaron
- 269
- 3
- 14
3
votes
1 answer
Bootstrap 4 Popover not working with Safari
I am trying to get a popover to show on hover. It is working in all browsers except Safari. Absolutely nothing happens in Safari. I'm not sure what I am doing wrong.
Here is my html:
...
Here…
Damon
- 4,151
- 13
- 52
- 108
3
votes
0 answers
Why table,tr,td,etc is not part of the default whitelist elements for the new sanitize html method in version 3.4.1 of bootstrap-sass gem?
I was checking out the changes of the new version (3.4.1) of bootstrap-sass gem, https://github.com/twbs/bootstrap-sass, because my popover that rendered a table inside stopped working, and was wondering why the tags related to table as table…
Raphael Monteiro
- 451
- 5
- 8
3
votes
1 answer
Disable flip in Boostrap 4 Popover
I would like the popover to always stick on the same position and doesn't change when scrolling:
https://jsfiddle.net/eloyrubio/aq9Laaew/251011/
var options = {
placement: 'top',
title: 'I should be on top',
content: 'Lorem ipsum dolor sit…
eloyrubio
- 43
- 4
3
votes
1 answer
Bootstrap 4 popover not working because of error popover is not a function conflict with datatables
There're already questions about this ... but concerning Bootstrap 3.
Following the docs in order to show a popup by using Bootstrap 4 I have done the following:
As for the CSS, I have added
Pathros
- 10,042
- 20
- 90
- 156
3
votes
2 answers
How to use bootstrap popover with reactjs
I have tried to follow the bootstrap documentation to make work a popover. But I have been unsuccessful in converting this piece of code into something React can understand.
{
$(document).ready(function() {
…
Roy Saliba
- 53
- 1
- 5
3
votes
2 answers
How to show the bootstrap popover from the code behind?
I have a button that opens a bootstrap popover. This is the markup.
Susan JOshi
- 43
- 8
3
votes
2 answers
Enable to hover over to tooltips/popovers
I have an issue with having to open links in popovers/tooltips. The hover over it works and the popover is shown. But when I leave the image the popover disappear (obviously). I've tried using mouseenter and mouseleave but…
Janssonn
- 87
- 1
- 8