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

Close Bootstrap Modal and show another after ajax call

in my project I'm Working with Asp core 3.1, I'm saving data with ajax using bootstrap modal and it saves but modal didn't hide in success and I want to show another modal with data feedback it didn't show either it shows dialog with html markup…
Mahmoud Samy
  • 439
  • 4
  • 20
1
vote
0 answers

Bootstrapp not working on tablet (Acer B3-A30)

Good afternoon all, Bought an old tablet for a demo of an app. It looks like bootstrap is not working on some elements such modals, tabs. (its working fine on laptop and mobile). The tablet is from 2016. Not sure what information to give at this…
PhilM
  • 249
  • 1
  • 11
1
vote
2 answers

How to work with modal window in ASP NET 6?

I have a HTML code:
@foreach(var post in Model) {
…
scrapjack
  • 21
  • 4
1
vote
2 answers

Something weird happed when I'm using Bootstrap Modal

Sorry about the title but in fact I don't know how is question form in my case, So I'm working on project With ASP MVC Core 3.1 I want to show Modal when User Press button, So I took the code copy past from bootstrap website and it showing with me…
Mahmoud Samy
  • 439
  • 4
  • 20
1
vote
0 answers

How to present a modal when Axios catch gives a 404 error

If there is a coms failure axios will throw a 404 error. The below code nicely puts up an error message on my page: ["catch"](function (error) { $("div.comsAlert").addClass("alert alert-danger").text('There is a communications failure.…
Vince
  • 1,405
  • 2
  • 20
  • 33
1
vote
1 answer

jquery and bootstrap button event does not work

i have problems with the button click eventlistener this is the hanghoa.js $(function(){ $("#addButton").on('click',function(){ console.log('addButton clicked'); }) //above show console work on click $(function(){ …
anh phan
  • 21
  • 6
1
vote
1 answer

Why is my modal popup not showing no matter what i do?

i have an already built website i built myself and i try adding bootstrap modals it doesn't show up no matter what i try, i even use other modal examples but either it is not showing at all or it is not fully visible or clickable. below is my…
tesseract
  • 144
  • 1
  • 12
1
vote
0 answers

React Bootstrap Modal Closes when I click everywhere

I'm trying to make a Custom Modal Component to use across an app I'm working on, in which I pass as a prop another component to show inside it, for example to load data for a user. But I'm struggling with an issue can't be solved: When the user…
MatiCepe
  • 13
  • 3
1
vote
1 answer

Django Detail View on Boostrap Modal?

Am in the process of building an Ecomerce app with django and although am comming along just fine, I can't seem to be able to render the details of a specific object on a bootstrap modal. This is a screenshot of what am trying to get rendered on the…
Monk BR
  • 21
  • 3
1
vote
1 answer

Console.log() Element Exists after JQuery but in HTML document, Element doesn't exist

I am updating a select element in a modal with JQuery. If I do a console.log, the element exists. If I inspect element, it doesn't exist. What could be causing the problem? The console.log is occurring after the JQuery has run which means it is…
Kimlotte
  • 55
  • 6
1
vote
0 answers

Intercept the closing of a modal conditionally

I am working on a React TypeScript webapplication which has lots of different forms. I am currently implementing a feature which displays a warning prompt when for example the user is trying to navigate away from the page if there are unsaved…
sam_underline
  • 11
  • 3
1
vote
1 answer

Nested TinyMCE modal input controls not getting focused

After failing to load 5 TinyMCE editors on one page, I decided to create "edit" buttons which then loads the editor inside a modal. //My TinyMCE object …
Pacanor
  • 13
  • 2
1
vote
1 answer

Bootstrap Modal Confirmation using ASP.Net MVC and a table

Using MVC .NetCore, I populate a "partial" view and a Table. Within that table, a list of records. Each row have a button to edit or delete. To delete a record, I need to have 4 IDs since the PK is made of those 4 keys. I was able to make it work…
lbrettsinclair
  • 37
  • 7
1
vote
1 answer

React Modal returns last value of mapped data

Struggling with this issue with the earlier answers not utilizing map function / functional components. When I click my Card, the modal only shows the data of the last Modal: export const ModalCard = (props) => { const productData =…
user18223476
1
vote
0 answers

django-bootstrap-modal-forms additional data in trigger

Using the following JQuery to trigger a modal: $("#view-large").modalForm({ modalID: "#fullscreen", formURL: "{% url 'view-fullscreen' ID %}" }); The 'ID' i formURL is is what I'm missing. It's from a…
Heidar
  • 11
  • 1
1 2 3
…
99 100