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
1
vote
0 answers

Position bootstrap popover with 20px 'margin' to window edge

I've been asked if I can get our bootstrap popovers avoiding the left and right window edges. I've been reading the bootstrap site, the tether site and SO.. Changing the position of Bootstrap popovers based on the popover's X position in relation to…
moosefetcher
  • 1,841
  • 2
  • 23
  • 39
1
vote
1 answer

Bootstrap popovers not aligning with arrow

I'm using bootstrap popovers in a project of mine, and I've encountered a problem with them. My popover is being pushed up because it hits the bottom of my visible screen, but when I scroll down, it doesn't move down aswell to align with the…
PiggyPiglet
  • 155
  • 1
  • 15
1
vote
1 answer

Bootstrap modal, modal-body with overflow, popover pops under header or foorter. Any workaround?

I'm looking for a proper workaround for that bootstrap problem. When we use the following css hack from some other stack overflow questions to make sure the modal doesn't go higher than the screen and at the same time having a vertical scrollbar for…
Marc Roussel
  • 459
  • 9
  • 20
1
vote
3 answers

Bootstrap popover offset on first hover

I hope someone can provide a solution for this problem. My situation is that I've got a link that has a bootstrap popover effect, everytime you hover over it, it shows an image. But the problem is that the popover container is always offset on the…
NakedPython
  • 920
  • 2
  • 7
  • 27
1
vote
1 answer

Bootstrap popover on hover the links are not clickable

Currently I have the html links in the popover content. The links inside the content are not clickable on hover and once focus is lost from the element which is attached to invoke popover on trigger:hover. The popover hides immediately. So, is there…
1
vote
0 answers

How to hide a react-boostrap overlay (popover) when a modal opens?

I have a react-boostrap popover that contains a menu inside and opens a Link (react-router Link) which is contained in a react-boostrap modal. The problem is that while the modal is opened, the popover doesn't close itself. How do I get it to close…
Madison
  • 13
  • 4
1
vote
1 answer

Popover in Bootstrap

I want to provide a set of additional information in my bootstrap template. I want to have a set of terms and conditions with a plain english popover for certain key terms. I've included all the correct links to the CDN and I get a popup from just…
Callum K
  • 183
  • 1
  • 12
1
vote
1 answer

AJAX request to fill a popover working only once to a php file

I have made a simple search bar in which on every .keyup() event,an asynchronous request goes to a php file which then fills the data in the bootstrap popover. The problem is that in the popover,the data is filled only once,i.e.,when I type the…
ssharma
  • 339
  • 1
  • 5
  • 22
1
vote
1 answer

Can't add a Bootstrap Popover on a text tag in d3 application

The purpose of this snippet is to open a popup with a chart when a word is clicked. The chart is still not included into the popover, but I'm going one step at a time. var childText = svg.selectAll("childText") .data(...) …
David Israwi
  • 63
  • 10
1
vote
1 answer

Bootstrap popover close button

FIDDLE HERE I am adding a close x button to bootstrap 3 popovers but I am stuck getting it to work. I have tried various answers from this forum but have not been successful. My popup code is: // Popover Menu…
TheRealPapa
  • 4,393
  • 8
  • 71
  • 155
1
vote
1 answer

Activate Bootstrap Popover after Ajax send POST data

Hi I have problem with Bootstrap Popopver. I want to display Popover after sending data to .php file with Ajax POST method and execute .php script. This is for sending SMS and email notifcation to our customers. First, I have buttons located in PHP…
1
vote
0 answers

Add html in angular popover

How will I pass html content to angular popover. I have written code like below In above code on hover of image pop up will come, but if text contains some…
apps
  • 313
  • 1
  • 7
  • 17
1
vote
2 answers

Bootstrap Popover : open one popover with 2 different links

Hi (and sorry if my english is not that right), I'm trying to toggle the same popover but with 2 different links. For example : 1st link - Popover is attached to it 2nd link - Can open the popover on the 1st link I tried to do it :
1
vote
3 answers

How can I make Twitter Bootstrap Popover that always be open?

I want to make Twitter Bootstrap Popover that when document loaded, be open for ever. i see some solution but they show popover by click or hover! There is my code: $("#min-allowed-price .bar-label-shape").popover({ offset: 10, …
MHS
  • 881
  • 1
  • 13
  • 30
1
vote
1 answer

Bootstrap Popover Form values disappear when Popover closes

I'm using a Bootstrap popover within my form to display some optional selections that only apply to certain users. I've noticed an issue that the form selections (yes or no radio button options) are lost as soon as the popover is closed and the form…
user982124
  • 4,416
  • 16
  • 65
  • 140