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

reactjs pop up opened and closed while re-rendering the parent component

I am trying to simulate the Trello board, with reactjs and signalR (.netCore). I created the board with list of cards and each card item has card details which is a pop up. that card details pop up opens when the user clicks on the card title. I am…
HagerHassan
  • 53
  • 9
1
vote
0 answers

Getting the id of an element that triggered an event

I'm trying to create a modal by clicking on an area, and then modyfing it in different ways depending on which area was clicked. I reached a stall because I was giving all my areas the same id, meaning that my code would only modify the modal using…
Anshar
  • 19
  • 5
1
vote
1 answer

Error: Invalid hook call - when calling a Modal component

When I try to call the Modal component I'm getting this error - Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: You might have mismatching versions…
ExtraSun
  • 528
  • 2
  • 11
  • 31
1
vote
1 answer

How to pass id or some other property of the record in gridview to boostrap modal?

I stuck with the problem while implementing the share with files functionality in my site. Here the code in gridview: ... [ 'attribute' => 'description', 'enableSorting' => false, ], [ 'format' =>…
Artur
  • 11
  • 1
1
vote
0 answers

Stopping Bootstrap from closing when tapping outside of it wont work

I've tried : $('#myModal').modal({backdrop: 'static', keyboard: false}) And tried adding to the modal div: data-backdrop="static" data-keyboard="false" But it wont stop the bootstrap model from closing on outside touch. I am using IOS safari…
Torpid
  • 25
  • 5
1
vote
0 answers

TypeError: Cannot read property 'classList' of undefined Reactjs

I need to fill the class with a modal dynamically. I have a quote dashboard with an action to view this quote in a request. When clicking I send the id of the quote to the store. My page then retrieves the full quote and displays the modal. Only I…
Atl31
  • 165
  • 9
1
vote
0 answers

bootstrap modal auto scroll to bottom when softkeyboard appear in mobile

There is a bootstrap modal, in which there are some input fields when I try to open in mobile the and click on input filed and soft keyboard appear the modal itself get auto scrolled to the bottom
Amit Kumar
  • 219
  • 1
  • 3
  • 11
1
vote
0 answers

Vue Custom dropdown not showing on modal

I've installed a module from https://desislavsd.gitbook.io and used it for my custom modal. However I have trouble the dropdown is not overlapping and stuck in here even adjusting z-index:999 does not do anything. I also tried to make adjustments to…
Shulz
  • 508
  • 3
  • 12
  • 27
1
vote
1 answer

How to submit a product registration form from another page?

I have the following modal window on my page:
1
vote
1 answer

Bootstrap modal no longer showing since adding new script tags

I am using bootstrap modal but I noticed that since I changed and added further bootstrap downloaded files, it has stopped working. It may not be the script tags causing it, but I noticed that up until then, it was working. I also added the…
jimmy118
  • 313
  • 2
  • 10
1
vote
2 answers

How to close bootstrap modal after submit form in React JS?

I have User.js file to submit form and I am trying to submit form using bootstrap modal. I have no problem to submit data into database. But I have a problem to close bootstrap modal after I trigger onSubmit={createUser}. I add…
Rzj Hayabusa
  • 657
  • 2
  • 11
  • 29
1
vote
0 answers

Modal pop up on scanning QR Code using Instascan.js

I am creating a QR Code scanning web application which will run locally on a pc. It scans a qr code with unique id and marks the entry of the user using pc camera. I want to add a pop up in which before marking entry into the system, it asks whether…
Rowan Singh Sandhu
  • 11
  • 1
1
vote
1 answer

How to connect native bootstrap 5 js(modal) to nuxt.js?

I making a project in nuxt.js,here is its nuxt.config.js export default { // Global page headers: https://go.nuxtjs.dev/config-head head: { title: 'Проект', htmlAttrs: { lang: 'ru' }, meta: [ {charset: 'utf-8'}, …
pankovalxndr
  • 161
  • 5
1
vote
2 answers

Rails 6 : Simple calendar + boot strap modal + simple form for

I am building a calendar with the "Simple calendar" gem. I want the user to be able to block some time slots, within a modal. For a better UX, it should pre-fill the date with the selected date. I have tried to put <%= date %> as a value, but it…
Blaise
  • 89
  • 1
  • 6
1
vote
0 answers

Django Form POST problem in a Bootstrap Modal

I'm searching for this issue for days... And, unfortunately, couldn't find the answer. I have a view (Buildings) and I want to add/edit a Building with a modal. With my current code, I can add new Building. However, because I can't pass the id (pk)…
mge90
  • 11
  • 2
1 2 3
…
99 100