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

Bootstrap 5 modal-dialog-scrollable is not working

I have a Student Add form built using bootstrap 5
1
vote
1 answer

AJAX returns variables null when updating data using Bootstrap Model in NET Core MVC

I have a bootstrap model using ajax to update customer data. However, all variables return null even though there is information in the text boxes. Customer.cs public class Customer { [Display(Name = "ID")] public int ID { get; set; } …
Alan
  • 49
  • 8
1
vote
1 answer

Modal pop up not showing in ASP.NET Core 5

I am working on an ASP.NET Core 5 MVC application, and i'm trying to display a bootstrap modal popup. I used the code below: Index.cshtml:
user4374239
  • 93
  • 2
  • 11
1
vote
0 answers

Centering Bootstrap modal in wide pages

On mobile devices, the Bootstrap modal is not centered correctly when the page is wider than 980px, leaving white space on the right of the screen. I don't want to use a meta viewport that will zoom the page in as I need the full width to show on…
ramiwi
  • 902
  • 2
  • 10
  • 28
1
vote
1 answer

Bootstrap 5's Modal Does Not Fade with Vue 2

I have a pop-up modal that is being called by another componenent, however, when clicked, it does not show the dialog, only the overlay is visible. Basically, It's not changing from "modal fade" to "modal show" automatically as it does with…
apkr x
  • 11
  • 3
1
vote
0 answers

How do I pass the value from the inside of a for loop ( jinja2 ) to a bootstrap modal to display it in side the modal body?

How do I pass the value from the inside of a for loop ( jinja2 ) to a bootstrap modal to display it in side the modal body? here is my views.py file: if request.method == 'GET': driver = get_network_driver(device.napalm_driver) …
rhawool
  • 11
  • 3
1
vote
0 answers

React - How to make a Bootstrap modal show on form submit?

All the answers I have seen so far concern React-Bootstrap and use the Modal component. I am using plain React with Bootstrap separately. I have a form which displays a bunch of custom Checkbox components. When the form is submitted, I would like a…
chicken soup
  • 11
  • 1
1
vote
0 answers

Can't find a route for 'post: ta'

I'm trying to make database CRUD editing in CodeIgniter 4 with Modal (Bootstrap 5), but I always get this error : Can't find a route for 'post: ta'. This line of code work fine ( add a record ) : $routes->post('tambah-TA', 'Admin\Ahli::tambah_TA');…
Darlina
  • 101
  • 1
  • 10
1
vote
1 answer

All modals opening at once when mapping over an array of objects in a React

I'm still fairly new to React and I'm wondering how I go about ensuring that each card shows the correct data in the modal? Right now it is displaying all the modals at once and only displaying the last one. I've added my updated code below but help…
Maggie
  • 11
  • 3
1
vote
0 answers

How do I display reCAPTCHA in modals with different id?

This is my code: query("SELECT id FROM table"); while ($row = $result->fetch()) { ?>
user_59910105
  • 99
  • 8
1
vote
2 answers

Bootstrap Popover not reponsive

The popover does not display the image correctly when opened for the first time. Any idea how I can make sure that it always displays correct? https://jsfiddle.net/n2Lfro30/1/ This is the button:
1
vote
2 answers

How to add timestamp and capture email address of submitter

How can I add a timestamp on form submit and get their email address in my existing code. Desired Output: – Once the user filled out the form, it will automatically capture a timestamp and their email. Question: Is it possible to convert this into…
coders_key
  • 61
  • 8
1
vote
2 answers

Modal form does not reset the dynamic dropdown selection upon close or submit

I have a question. I'm beginner in web development. So basically, my dselect dropdown doesn't reset to the default value upon close the modal or submit button. I already use $('#stock_adjustment_form')[0].reset(); to reset my form but it's not…
Neesz
  • 27
  • 6
1
vote
0 answers

Modal showing Dynamic nested Json data and synchronized with dynamically created buttons (generic ID)

I am developing an interactive web application with ASP.NET Core MVC. The application consists of reading several items of data from a JSON file, nested in the following way: Communities --> People --> People data I have already developed the…
Macadamia1988
  • 11
  • 3
1
vote
0 answers

I can not set my React modal's background. How can I do it?

In my project, I have a contact table and when we want, we can delete input values. If click the deleted values, the table opens a modal. If I have 6 contacts' information, the modals background is dark. But if I have just 2 contacts' info in my…
ŞehzadeEren
  • 29
  • 6
1 2 3
…
99 100