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 pass data in Modal(form) to edit values?

I'm using laravel application and using modal form for edit. When I use label as "title","des" and in modal "my-title" & "my-description" in two fields, it gets all the data but on the third field when I use any text such as "value" & "my-value" it…
Abdul Rehman
  • 159
  • 1
  • 2
  • 18
1
vote
1 answer

JQuery - implementation of infinite scroll inside modal window

I am trying to make infinite scroll inside classic bootstrap modal, in modal body (element $('.modal-body')) which I set as scrollable. My problem is to define the condition for loading more data when scroll bar hits the bottom of modal body. I…
user2095405
  • 347
  • 1
  • 4
  • 15
1
vote
0 answers

Issue with Modal in Material Design for Bootstrap Standard MDB5

Intro I'm using MDB5 Standard for a project, and I am trying to show a Modal so when a user clicks a button it displays typical stuff. However, I've been copying the basic example on the website…
Quasimodo
  • 103
  • 1
  • 8
1
vote
0 answers

jQuery bootstrap modal and bootbox with modal-backdrop

I'm working with modal bootstrap and bootbox.js At below demo, when you open modal and the click delete, modal will show. Now my question how to set modal-backdrop after I click delete button? $('.delete').on('click', function() { …
HiDayurie Dave
  • 1,791
  • 2
  • 17
  • 45
1
vote
1 answer

Modal for fullsize image with gatsby-image - limit height and width

What I want to achive I am using gatsby and want to design an image gallery. Clicking on one of the images shall open a modal, which: (1) is showing the image in maximum possible size, so that it still fits into the screen and (2) is centered in the…
somecoder
  • 53
  • 6
1
vote
1 answer

Jquery how to pass value id from one event handler to another

I have an add-row button. On its click I am adding a row into my datatable. $('.add-row').on('click', function() { id = 0; name = $('#name').val(); email = $('#email').val(); cno = $('#cno').val(); …
Moeez
  • 494
  • 9
  • 55
  • 147
1
vote
0 answers

axios put using modal bootsrap v 5.0

I have a simple code for app inventory using a login and register feature to edit an inventory list, and I'm using reactJS and bootstrap 5.0 to build this. I map every item I get from the API (using mockapi), and I add the delete and edit button,…
faayakhun ramadhan
  • 11
  • 2
1
vote
0 answers

getbootstrap.com vs bootstrapdocs.com: are these supposed to be the same things?

I've was thinking on migrating the Bootstrap versions on my site and was looking into my old cdn referrals. Currently, my site is using Bootstrap 3, linking to maxcdn.bootstrap.com courtesy of bootstrapdocs.com getbootstrap.com seems to have the…
Erik
  • 219
  • 3
  • 16
1
vote
1 answer

Spinner showing in the centre of the modal instead of the web page

I have a bootstrap modal and in the modal I have a button, on clicking which the spinner shows up. The spinner is not centered to the webpage but centered to the modal i.e if I scroll my modal up, the spinner goes above as well. I want my spinner to…
rjlion795
  • 515
  • 1
  • 5
  • 16
1
vote
1 answer

JQuery Autocomplete does not fire in Modal Window

I'm using JQuery Autocomplete which works perfectly. I have a form that works perfectly as a stand-alone form (meaning I get to it via the URL) however when I include the form within a Bootstrap Modal Box, the JQuery Autocomplete does not fire. I'm…
Val
  • 99
  • 1
  • 11
1
vote
1 answer

Hide Bootstrap Modal in React

I'm using Bootstrap for my React project, I'm not using react-strap or react-bootstrap only pure Bootstrap. I have a modal for entry form data, to handle show or hide the modal I following from bootstrap documentation. Below how I show the modal and…
syaifulhusein
  • 121
  • 1
  • 14
1
vote
0 answers

JQuery - Hiding/Showing items on form based on checkbox/select

I am hiding inputs on my modal form. I am using both a select dropdown and a checkbox. My code is working fine but I want to better understand what I have done as I am still new to JQuery. For the checkbox the code works fine without calling the…
Tortoise1990
  • 53
  • 2
1
vote
2 answers

Close/Open Bootstrap Modal outside modal box?

I'm trying to open/close different modal boxes, without having to press the "Close" button inside the modal box. I haven't found any solutions yet. What are my options here? Can it be done? Thanks AS9 Here is my…
A-S-9
  • 11
  • 1
1
vote
1 answer

xPages Bootstrap Dojo Progress Bar showing behind modal-backdrop

I am working on Notes 10. I have a csjs function that calls a dojo progress bar when a full update on an event runs. It worked perfectly when I used the default theme. However, when I changed the theme to Bootstrap3 the progress bar still displays…
Muhammed Ismail Carrim
  • 67
  • 6
1
vote
1 answer

After the second click Modal is not showing in my react boostrap table

Im usign react boostrap tables but after i click it once, the second time i click in my table the modal is not showing. Here is my table component const CustomTable = ({ setStateName, setShouldShow }) => { const handleTdClick = ( {name} ) => { …
Dj Gas
  • 33
  • 2
1 2 3
…
99 100