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
2
votes
2 answers
jQuery ajax doesn't work with generated markup
We have a search functionality in our application, when user types in something, the result will be generated based on the filter and displayed on page.
Here's the dynamic result after each keyup:
htmlResult = `
Sirwan Afifi
- 10,654
- 14
- 63
- 110
2
votes
4 answers
Add rows in a form and only the first info button opens
I have these form inputs, where I have an add button which creates new rows.
My problem is the info button - which is a bootstrap popover. If I add more lines, and click the info button for the new row then the 1st info button opens not the info…
yaylitzis
- 5,354
- 17
- 62
- 107
2
votes
1 answer
Bootstrap Popover Prevent Show in Particular Condition
I am using bootstrap popover on my
Taufik Nur Rahmanda
- 1,862
- 2
- 20
- 36
2
votes
0 answers
need to create popover on click on bar in nvd3 js
I want to create a popover ontime of click event in bar charts. i am creating bar charts using nvd3.
chart.multibar.dispatch.on("elementClick", function(d,element) {
$('nvd3 .nv-multibar .nv-groups rect:hover').popover({
'trigger':'hover'
…
mammam
- 129
- 4
- 17
2
votes
0 answers
Popover isn't working when attribute is injected after page renders.
I'm trying to use popover for certain parts of paragraphs that I'm fetching from my DB and using ng-repeat I load to my html and serve to the front-end.
The relevant part of my DOM, looks like this
…
Amir A.Eitan
- 183
- 1
- 12
2
votes
2 answers
Boostrap - Popover only being fired after second click
I addClass/removeClass a CSS class called SiteClass dynamically (see this question for background). I bind a bootstrap popover to these like so:
$(document).ready(function(){
$("#SiteList").on('click','a.SiteClass', function(e){
…
Dr.Avalanche
- 1,944
- 2
- 28
- 37
2
votes
0 answers
UI Bootstrap ng-repeat elements using the uib-popover with a close button
I have a list of elements that are shown by an ng-repeat and each of them uses the uib-popover directive to show the details of each element.. so the thing I'm trying to figure out is how to add a close button that acts on the current popover…
Rodrigo Montano
- 303
- 5
- 13
2
votes
1 answer
How to get a popover from a popover in bootstrap
I tried below code which i am not getting the second popup, My approach has some problem it seems and i am not getting idea to get second popup...
$(function() {
$(".pendingList, .pendings").popover();
});
.icon3{
background:…
CNKR
- 568
- 5
- 19
2
votes
2 answers
How can I create a Bootstrap popover from Javascript?
I am creating a page with a series of analog clocks that can contain meetings (if there is a meeting, that period of time is highlighted blue on the clock), where each analog clock represents a different day.
I am trying to make it so that if you…
lgzambello
- 21
- 1
- 2
- 8
2
votes
0 answers
Bootstrap popover position seems erratic
I'm working on a template in Angular that features a repeatable element. Each element has a popover. When my template renders, everything looks normal, however the placement of my popovers seems to be erratic. The position of the first popover is…
Daniel Bonnell
- 4,817
- 9
- 48
- 88
2
votes
1 answer
2
votes
0 answers
bootstrap popover with custom template does not show each time
i develop a web app on angularjs with fabricjs and i use the bootstrap popover to show custom messages when the user is over a canvas object (table with chairs object), and hide it when the mouse is out of an object(table).
the problem is that, the…
Theo Itzaris
- 4,321
- 3
- 37
- 68
2
votes
2 answers
display bootstrap popover with right-to-left languages
I am using bootstrap 3.3.5.
I have a test page in which the user can switch between a left-to-right language (English, French, German, etc.) to a right-to-left language (Arabic, Hebrew, etc.).
The issue that I have is that the bootstrap popover does…
user1261774
- 3,525
- 10
- 55
- 103
2
votes
4 answers
Get the elements of HTML tags inside data-content of popover
I am working in the "popover" of Bootstrap3. Here I have placed the HTML contents like below,
jquery
html
twitter-bootstrap
popover
bootstrap-popover
novice_developer
- 131
- 1
- 2
- 12
2
votes
2 answers
Different Behaviors for Touch and Click
I'm using Bootstrap Popovers to supply "help text" in my UI.
My existing JavaScript:
// add "tooltips" via popover
$('[data-toggle="popover"]').popover({
container: 'body',
trigger: 'hover',
placement: 'auto bottom'
});
The Popover…
Sonny
- 8,204
- 7
- 63
- 134