Stack Overflow
Stack Overflow

Questions tagged [bootstrap-modal]

Bootstrap provides a JavaScript-powered dialog element that can be used to replace native dialogs (to a degree); unlike native dialogs, Bootstrap modals cannot block the flow of execution.

Bootstrap provides a JavaScript-powered dialog element that can be used to replace native dialogs (to a degree); unlike native dialogs, Bootstrap modals cannot block the flow of execution.

Dialogs can be manually triggered (using Bootstrap's .modal() function), or via data-attributes. Modals must be triggered on correctly-structured HTML templates, as shown in the linked documentation.

7716 questions
29
votes
18 answers

Bootstrap $('#myModal').modal('show') is not working

I'm not sure why but all the modal functions are not working with me. I checked the version and the load they are fine. I keep getting this error message: Uncaught TypeError: $(...).modal is not a function for the hide I already found an…
Nysa
  • 425
  • 1
  • 5
  • 14
29
votes
6 answers

Jquery to open Bootstrap v3 modal of remote url

I have a page of links to internal pages I need to open up in a Bootstrap modal DIV. The problem is that it seems that using the latest version of Bootstrap v3 in conjunction with jQuery v2.1.4 just doesn't work when it comes to loading content this…
vanarie
  • 439
  • 1
  • 5
  • 12
28
votes
12 answers

Boostrap v4.0.0-alpha.6 model - how to center model title

How do you center a model's title? I tired to add the class "text-center" to the h1 tag but it keeps showing the tile left aligned. Thanks
Artoo Smith
  • 395
  • 1
  • 3
  • 7
28
votes
14 answers

How to remove bootstrap modal overlay?

How to remove bootstrap modal overlay for particular modal. when modal appears background has black color with some opacity is there any option for removing that elements...
Manigandaprabhu
  • 409
  • 1
  • 4
  • 9
27
votes
5 answers

Bootstrap : how to disable vertical scrollbar?

when my modal popup window opens, it adds a vertical scrollbar to the right of the browser window. How do i disable this? I think this is enabled when the modal window has a very large height value where it needs to scroll. i want to disable this…
user1929393
  • 4,089
  • 7
  • 30
  • 48
25
votes
8 answers

Bootstrap modal backdrop = 'static' not working

First, I open my modal using this: $('#myModal').modal('show'); Then, in another situation, I need that this same modal does not close when pressing ESC/clicking outside, so I use this: $('#myModal').modal({ backdrop: 'static', keyboard:…
João Paulo
  • 6,300
  • 4
  • 51
  • 80
25
votes
2 answers

Bootstrap modal onload event

Does a bootstrap modal have an onload event? I want to call a http GET request when the modal is opened to populate the modal with data from a rest api. I have a form in the modal and I have called the GET function on the onload event of the form,…
bookthief
  • 2,443
  • 8
  • 41
  • 54
24
votes
7 answers

Angular Bootstrap Modal leaves backdrop open

I'm using AngularUI to integrate Bootstrap components in my Angular 1.4 app, such as Modals. I'm calling a Modal in my controller like so: var modalInstance = $modal.open({ animation: true, templateUrl:…
Squrler
  • 3,444
  • 8
  • 41
  • 62
24
votes
2 answers

Angular UI-Router open modal window on url change

I use angular-ui-router and angular-bootstrap in my project. I want to implement follow use case: When user click to "edit" button, UI-Router change URL and open modal window. When I go back by click on browser's back button, modal window is…
Anton Rodin
  • 991
  • 2
  • 12
  • 19
23
votes
1 answer

Rendering artifacts on Bootstrap modals in IE11 and Edge

I am repeatedly experiencing Rendering artifacts on several versions of IE11 and Edge, as well as several different devices with different graphics cards and drivers, and different update states of Windows 10. The blue arrows on the screenshots…
ideaboxer
  • 3,863
  • 8
  • 43
  • 62
23
votes
7 answers

Bootstrap class "text-center" not working

or

i am try to show in center but not working.second time using position relative but not working properly in responsive design.
Archin Modi
  • 492
  • 1
  • 8
  • 19
22
votes
10 answers

How can I close a modal in Angular 2?

I want user click the Submit button and the modal close automatically. If I add data-dismiss="modal" in the Submit
Hongbo Miao
  • 45,290
  • 60
  • 174
  • 267
21
votes
1 answer

Display Bootstrap Modal from Asp.Net Webforms

Need Suggestions, how to open a twitter bootstrap modal, from Asp.net Webform code behind? I want to open the modal based on some requirement at the moment of the save. Once user click on the save button , it runs the validations in code behind and…
Sidh
  • 247
  • 1
  • 3
  • 9
20
votes
5 answers

How do I print the entire bootstrap modal where content in modal body is scrolled out of view

The problem is that the user has to scroll down to view all of the content within the modal body. However, when I print the modal the only part that is printed is the part that is viewable. I want the entire modal's content to be printed. I have…
Abu Sulaiman
  • 1,477
  • 2
  • 18
  • 32
19
votes
4 answers

Angular 2 - Open/Close default bootstrap modal

I do not want to use angular2-bootstrap or ng2-bs3-modal as suggested in the questions/answers Angular 2 Bootstrap Modal and Angular 2.0 and Modal Dialog Now. I know what opens and closes the bootstrap modal. The display is toggled between…
Ivar Reukers
  • 7,560
  • 9
  • 56
  • 99
1 2
3
…
99 100