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
2 answers
How to hide Bootstrap 3 popover when another popover is shown?
I am using tooltip on label hover but this cannot work on mobile, so I decide to use popover on click (touchstart for mobile) instead of tooltips on desktop. This trick I found it here: https://codepen.io/sharperwebdev/pen/mJYRNN
I change my code a…
Cutis
- 949
- 1
- 13
- 32
1
vote
1 answer
Bootstrap 4 setting content of popover to content of div
I am having trouble with Bootstrap 4 popovers.
My page has several divs that each contain the content of a popover, e.g.,
An infant is considered to have Chronic Lung Disease (CLD):…
Beate Danielsen
- 23
- 1
- 5
1
vote
0 answers
Dynamic content with v-show in Bootstrap vue popover
I am struggling to show a dynamic content inside my popover built with Bootstrap Vue component.
I want to show a form first, and when that form is submitted successfully I want to show a confirmation text instead.
I tried to manage that with v-show…
Clement Levesque
- 1,202
- 4
- 18
- 30
1
vote
1 answer
How to populate bootstrap modal using c# code?
I created a repeater control which displays data from the database. When the user click delete button it should fetch the respective column data from database and store it in the fields which is actually not happening.
I attached my entire code with…
Ragavendra vignesh
- 193
- 2
- 10
1
vote
2 answers
Bootstrap v4 popover not updating on state change in React
I have a "Nightlife Coordination" app (from the Free Code Camp curriculum) that allows a user to search by city and RSVP to a bar for that night. The app keeps a list of who has RSVP'd and who is going. It is built with React and Bootstrap v4 (and…
Scott
- 1,207
- 2
- 15
- 38
1
vote
1 answer
Issue with Boostrap 4 popover click events and HTML
I am running into an issue where when I apply the click attribute to the popover plugin, any html in it will render, but the marker will be offset/over the entire element. However, when you deactivate the marker and click it again, it works.
The…
Ishio
- 755
- 2
- 9
- 29
1
vote
0 answers
how to use a div as trigger element for bootstrap popover?
I need it to work when I click on a because I have a fixed sized div with only a single line of text in it like this:
dapidmini
- 1,490
- 2
- 23
- 46
1
vote
1 answer
MathJax in Bootstrap Popover doesn't show up properly
I'm having trouble showing MathJax equations in Bootstrap Popovers.
I managed to render the Tex equation after the popover is inserted in the DOM. But it does this thing where the equation changes size after a split second, which also shifts the…
Scentle5S
- 760
- 1
- 6
- 13
1
vote
1 answer
Custom round checkbox in Bootstrap popover
I try use this custom round checkbox
.round {
position: relative;
}
.round label {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 28px;
left: 0;
position: absolute;
top:…
Vykintas
- 401
- 1
- 8
- 23
1
vote
2 answers
Ng-template to bootstrap popover inside svg
I'm developing a web application using Angular 5 with Ngx-Bootstrap and I'm having a trouble in the template inside a SVG tag.
I'm doing a loop in a svg group (g tag). Inside G I have some foreignObjects and I want to use bootstrap popover for each…
Thiago Martins
- 119
- 2
- 9
1
vote
0 answers
popover trigger not working for 'focus' but works for 'hover'
In my project, I use a bootstrap popover to show a table which populates through knockout observableArray. My problem is, it shows popover correctly to 'hover' but not to the 'focus'
This is my anchor link which triggers the popover.
Menuka Ishan
- 5,164
- 3
- 50
- 66
1
vote
0 answers
Simple popover not working - Uncaught reference $ is not definted
Why is this code not working? It's a simple popover script. In the chrome inspector, I get error on this line $(window).load(function () {
1
vote
0 answers
Bootstrap v4 popover unexplained behaviour
I need some help understanding why bootstrap popover works in such a weird way. I am dynamically creating a list of buttons in bootstrap popover from a predefined list of persons in a JSON file. The behavior is fine when the first two persons are…
revvy
- 151
- 3
- 16
1
vote
0 answers
Bootstrap popover placement auto, body + header placement
this is my last resort, as I was looking at this question:
Changing the position of Bootstrap popovers based on the popover's X position in relation to window edge?
And couldn't find a solution to my problem, currently I have the popovers triggered…
Leo
- 956
- 8
- 24
1
vote
2 answers
Popover does not displaying proper align Bootstrap
I am working on one project where I want to display some value in a popover.
But as I tried many things it's not displaying properly. Have a look at my code.
I wrap some div in a tag for making a popover on it. it's not working properly.
if i wrap…
Awesome Designer
- 254
- 1
- 14