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
1
vote
1 answer

Modal and collaspe doesn't work on bootstrap after copy/paste

I have a little problem with bootstrap, indeed, after copying/pasting a page that contained a modal and a collapse, on the copy they no longer work. While on the original they work perfectly. Do you know what this could come from please? Thanks in…
Arkanium _
  • 35
  • 4
1
vote
1 answer

Passing data to Javascript, Uncaught TypeError

I have problems with my JS, when I open console, it shows Uncaught TypeError: Cannot read property 'name' of undefined but when I console.log(id) it display the right id. Can anyone teach where my mistakes are? :/ HTML…
cdogol
  • 155
  • 11
1
vote
1 answer

Modal Bootstrap with application Spring boot (JAVA)

I'm a beginner and I'm trying to add a Javascript event to the delete button so that a modal appears for application with Spring Boot Java. I'm not sure if my bootstrap connection is done correctly. I have a LayoutDefault where I call the other…
DanGM
  • 13
  • 4
1
vote
1 answer

Bootstrap modal: transition for height change

I have a Bootstrap (4) centered Modal with a fixed width and dynamic height based on the content within the modal (the default behavior). Inside the modal, I have several divs that will be hidden or shown based on some conditions. The text inside…
1
vote
1 answer

How to get table records from a table with multiple pages?

I have a table with pagination using DataTables. I am trying to display the table records in a Bootstrap modal. The problem is that I can only get records from the first page which displays only 10 records. I can't get records from the second and…
abdi
  • 11
  • 1
1
vote
0 answers

bootstrap modal can't call function

I was trying to load dynamic data on my bootstrap modal. But button can't call the javascript function so instead of loading dynamic data it only loads the on page modal. What could be possible error of the following code?
Hola
  • 2,163
  • 8
  • 39
  • 87
1
vote
0 answers

Bootstrap Navbar dropdown not working on mobile

This is a part of code from my nav bar. I am trying to create a dropdown menu, but unfortunately on mobile when i click the toggle instead of showing dropdown it closed . I have tried to update all the stylesheet bootstrap code , and link . i have…
1
vote
1 answer

Onclick event on modal with partial view is not working

I'm using ASP.NET Core, and I have a modal which is opened from Partial view like this:
1
vote
2 answers

PDF object not displaying second time in modal

I want to display a pdf in a Bootstrap modal, so in the .modal-body I added : My problem is that the…
KenTay7
  • 111
  • 1
  • 10
1
vote
0 answers

ngFor not working in div class modal-body

Using this code it shows correctly the review objects:
{{ review.doctorName }}

Rating : {{ review.rating }}

{{ review.userName }}

Andrei
  • 33
  • 3
1
vote
1 answer

ExpressionChangedAfterItHasBeenCheckedError: after modal rise and set property data

I have a ngModal popup and a form with 3 controls on it. one of the controls is autocomplete; am trying to fill data after the popup is opened. The point here is using angular material controls causes the exception to happen. when I remove the…
MuhanadY
  • 752
  • 1
  • 12
  • 40
1
vote
0 answers

Remote URL model Not working with infinite scroll

I have a blog and this blog contains posts. I rendered these posts using infinite scroll, there are posts that already exist when the page loading and there are posts rendered via infinite scroll, So the problem is the model is working with just the…
Ahmed
  • 280
  • 1
  • 12
1
vote
0 answers

Open multiple Modal dialogues alongside one another

I am trying to set up a web-based tool that allows you to pick relevant products to suit your needs. I am extremely basic at javascript and know I need to add a query selector just unsure where to code it. Any help would be greatly appreciated. …
Matman180
  • 11
  • 2
1
vote
1 answer

Expanded calendar in modal

I have a modal with some information in it and with a button click I want to replace this information with an expanded calendar in order for the user to select a date. So to be more particular the first text is GDPR agreement where the user must…
netdev
  • 496
  • 1
  • 5
  • 22
1
vote
1 answer

Not able to show modal using imageUrl

Im not able to show modal using imageUrl. I need to show the modal using JavaScript but no success till now. In the code below, I have used for loop to get all images cards to be showed in home page of image gallary. But not able to show a modal…
Rocky_GIT
  • 13
  • 3