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

bootstrap modal does not close completly

I am having trouble closing a bootstrap modal. It is partially closed. The modal goes away but the darkened background appearing on the body by the modal does not get removed. Here is my html
1
vote
1 answer

Rendering Info Cards and modal box with forLoop only outs the last result in one of the fields

I am practising vainilla JS and DOM manipulation. I am rendering a group of cards populated with data from an Object (that I fetch from an API, but this happens also if i do it in local). I get to render the cards,all good, and create a button in…
notADevYet
  • 307
  • 2
  • 13
1
vote
0 answers

update iframe src inside bootstrap modal

i have datatable rows have button with array value every thing is ok but iframe not updated inside modal it keeps show the first value inside iframe how can update source inside modal
1
vote
0 answers

jQuery Draggable Modal within visible window, set dynamic containment not works when scroll

I have a Bootstrap Modal, which I would like to drag only within the visible window screen(Not let the Modal get out of sight). My two problems are: The containment is not set on the first drag, and the Model can get out of the visible window. The…
Lior Faigenzon
  • 21
  • 5
1
vote
2 answers

Table in bootstrap modal does not fit and not display overflow

I have a modal with two columns in it. One of the column contains a table. However, the table does not fit into the column and need to scroll horizontally, but I need to make the table fit into the column. Also, I have problem with the scrolling…
cdogol
  • 155
  • 11
1
vote
0 answers

Node.js Handlebars display data from mySQL database to bootstrap modal

I have a node.js and handlebars CRUD app. I want to display data from mySQL database to a bootstrap modal but i can't render the modal, (it wont show). How do i show the data into the modal? My existing code in app.js: //edit address…
Theresa Chan
  • 33
  • 3
1
vote
1 answer

Bootstrap modal scrolls page to top

The button for opening the modal is near the bottom of the page but the modal opens at the top and scrolls the page to top. I want to: stop scrolling the page to top, show modal in view at the current scroll position. This is in a webpage served…
Wojciech
  • 63
  • 9
1
vote
1 answer

data-bs-target with id not working in laravel

I have a modal pop out when pressing a button. Problem is, how do pass the value to the modal? My table as shown in figure below. As you can see each row have different id. I wanted to get the id of a particular row after pressed the button. The…
user15514832
1
vote
0 answers

How to trigger a modal from a radio button

I have the following 2 radio buttons within a jquery modal function onNo() { $('#myModal').modal('show'); }
curiousCat
  • 157
  • 3
  • 11
1
vote
1 answer

Same page prints twice when using a bootstrap full screen modal

I have a bootstrap full screen modal with a print button that calls window.print(). When the print preview window pops up the pages are doubled. I am using bootstrap 5. Here's bootstrap modal:
1
vote
4 answers

Modal button not working with event click?

then click .btn_confirmdel button my function not working. what should I do ? $(".btn_confirmdel").click(function(){ do something }); Html Code:
1
vote
2 answers

How to trigger ASP.Net core model validation and remote attribute in bootstrap modal

I want to know how to trigger the model validation in bootstrap modal pop up before submitting? I want to trigger the required and remoteattribute validation from my modal pop up Here is my model code: public class Employee { public…
Asdf1234567
  • 476
  • 1
  • 10
  • 25
1
vote
0 answers

I used react-bootstrap v1.6.1 (Bootstrap 4.6) Modal. in modal I added input box but when write whitespace(space) in input box it's not working

I used react-bootstrap in my react application. I used react-bootstrap modal component and I added input box on modal components but in input box I can write character but space (whitespace) is not working even I cant implement submit onclick…
Paresh Nandaniya
  • 3
  • 1
  • 4
1
vote
1 answer

How to trigger another modal from PartialView

I'm trying to trigger another modal while im inside of the current modal. My current modal is coming from PartialView and its works well, let me show to you my point is triggering to Shopping Cart when the user clicks to View Cart button which is…
BerkGarip
  • 534
  • 5
  • 18
1
vote
1 answer

should django modal have a separate view?

I am working on an application that has a page with a table that is a list of users. Each user has a button which pops up a modal that does something. I am trying to create the modal that will get the user information when the button in clicked,…
kakakakakakakk
  • 467
  • 10
  • 31
1 2 3
…
99 100