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

how to trigger bootstrap5 data-bs-dismiss using JavaScript inside a function in angular

I'm trying to close/hide bootstrap5 modal using JavaScript in angular, the problem that the hide function in bootstrap notworking somehow, so what I'm trying to do is to click a button that have data-bs-dismiss and it's work if I click it manually…
MahmouD Skafi
  • 370
  • 3
  • 15
1
vote
1 answer

issue with Bootstrap modal using ajax and foreach

I'm trying to use the BS modal to render a form with select box and ultimately update a record in DB via ajax call. The trigger btn to open the modal is a group of tags with same class name itagbtn and data-classschid="some_numbere" to pass…
Ali
  • 216
  • 2
  • 11
1
vote
0 answers

How to save Modal Data in Database ( Sql workbech ) in Laravel

I am a New in web development and Laravel so I am stuck at saving data from Modal it to database (sql workbench). I have model . Having 2 Database 1. Buffalodata and 2. Buffaloinspectiondata. Same Modal i am using for Update the data in…
Rahul W
  • 203
  • 3
  • 8
1
vote
0 answers

How do I replace windows.open pop-up with a model?

Using php curl as a submit in form, the received url is implemented as "windows.open pop-up". But I can't hide the title bar so I'm going to replace it with Modal. How do I express the redirected url on a modal body? Or which search keyword should I…
jan
  • 31
  • 6
1
vote
1 answer

Bootstap 5 modal is not working as expected?

I've run into a strange to me issue that I'm not sure how to solve correctly. I'm using Bootstap 5. Let me provide a small example: const reportBtns = Array.from(document.querySelectorAll('.report')) reportBtns.forEach((btn) => { …
Noob
  • 2,247
  • 4
  • 20
  • 31
1
vote
1 answer

want to show the specific data of opened Accordion in a modal for update operation using Django

I just want to perform an update operation. the data (basically a set of questions from views.py), and each question is shown in form of a bootstrap accordion. the scenario I want is when we open the accordion, there is a modal toggle button for…
Muneeba
  • 49
  • 1
  • 5
1
vote
1 answer

How can I use bootstrap 4 in Angular 9?

I'm new to angular. I'm implementing modal but it's not showing ? I tried using bootstrap but it's not working properly
Paresh Shiyal
  • 19
  • 4
1
vote
1 answer

Cannot set reactive property on undefined, null, or primitive value bootstrap Vue modal

please I need help with this error, app.js:108639 [Vue warn]: Cannot set reactive property on undefined, null, or primitive value: . I'm working with bootstsrap vue modal and having this error. Here is my code snippet below Firstly here is my…
Willydbd
  • 39
  • 1
  • 8
1
vote
0 answers

Misplaced modal Dialog box action URL to main page URL(blackedout) error

Thanks for your time. Everything goes well as planned with testcafe. But am unable to figured the issue which am facing--i opened a modal-dialog box(it should be pop up window-- which has some info form filled and save it). which i had already…
learningtakestime
  • 23
  • 7
1
vote
2 answers

How to trigger modal/popup on page first load - React

When user enters the page I would like to have a modal pops up as the first thing with option to choose between USER and AGENT and based on that the content of the page will be updated. At first, I need to figure out how to trigger the modal on page…
user15603995
1
vote
1 answer

Bootstrap Modal INSIDE Coldfusion tags fails with "Invalid CFML construct"

The Bootstrap button and modal code below fails when the code is placed inside ColdFusion CFOUTPUT QUERY tags. If I move the code outside of the cfoutput query then it works well. Obviously, the problem is with the BootStrap modal single hashtag…
Wallace Beasley
  • 41
  • 6
1
vote
0 answers

Pass input to modal boostrap and make confirmation modal

I have some input number, I want to pass the value of input to a confirmation modal. This is the modal I wanted as provided in the image I want to pass 80($nilai variable) to modal that print $nilai and post it
Tiger Zero
  • 9
  • 5
1
vote
1 answer

Pass Parameter Value from Datatables Button to a Function

I' trying to pass the value of a button in a datatables to a function. However I'm just getting the value of the first row. Hope you can help me. I just need to alert the parameter then I'll take care of the rest. here's the…
japs
  • 11
  • 1
1
vote
0 answers

Bootstrap - Modal dialog avoid duplicate entry and empty on load

I am having a web app using bootstrap 3, datatables, js and php. I am facing two issues: a) When i press SAVE button on modal, it sometimes taking more seconds to load the code. This has a result, that users press again SAVE button. The result is…
PeterPan2020
  • 174
  • 1
  • 12
1
vote
1 answer

How can I check the browsing history in Vue / Nuxt.js?

I'm working on nuxt.js project and want to ask a question. When I display modal using bootstrap's modal, does it stack the URL to the browser viewing history? Here is the detail of the problem I currently have. I have two pages, which are page A…
zzzzou
  • 177
  • 2
  • 15
1 2 3
…
99 100