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

Unable to prevent modal displaying if form is not valid: problem with order sequence with ajax

I have a Django app with a form (id = form_unblind_form) with valid button (id = unblind_edit). I want to display a modal with informations from database using ajax query. And it works but there is an anormal behavior. The problem is that as…
Mereva
  • 350
  • 2
  • 14
1
vote
1 answer

HTML text value didn't display on Modal when pop up

written the code below but I fail to display the text value (company) in the Modal. It didn't capture the value of the company name and display on the Modal Pop Up. Can you advise? What is wrong here ? Below is my code
devilgg86
  • 55
  • 6
1
vote
2 answers

How to center the bootstrap 5 modal dialog in viewport?

I am using bootstrap 5 for my site. I have a button that launches a quiz in a modal. Problem is that the button is positioned quite low in the page (appears after scrolling). Now when the modal launches the background becomes dark but the modal…
sb16
  • 65
  • 1
  • 9
1
vote
0 answers

How to Add a Modal in Rails Using Bootstrap in the Footer and passing params?

I have the controller action: class UsersController < ApplicationController def new @user = User.new if params[:email] @email = params[:email] @user.email = @email end end def create @user = User.new(user_params) …
Witta
  • 15
  • 5
1
vote
0 answers

Angular: check for open modal on every route change

I have a modal component in a certain route, but when the user navigates back to previous page with browser's back button. The modal stays open and the page behind it navigates back. This is no good UX... Although it seems like a common problem, I…
bits
  • 672
  • 2
  • 7
  • 26
1
vote
0 answers

Is there a way to define the Bootstrap5 relatedTarget property in TypeScript?

I'm working with Bootstrap 5's Modal component and wanted to implement the following code from the documentation into TypeScript which I am new to instead of JavaScript. var exampleModal =…
macintosh
  • 98
  • 8
1
vote
1 answer

Django using modals for deleting a user

I want to delete users with modals in django. I have a deletion function which I don't know how I should return to template. views.py: @login_required(login_url='admin_signin') @admin_only def admin_profiles_deletion(request, username): context…
M.J
  • 315
  • 3
  • 9
1
vote
1 answer

Open Modal from PHP redirection (sending email)

My objective is to call a "Thank you" modal message after successfully sending a quotation to an email, but I can't find the right code to do so. This is how the page works. I will fill up the form, then after I submit it, it will load the form.php,…
Janzen Go
  • 11
  • 4
1
vote
0 answers

Ngx-mat-select-search doesn't work with a bootstrap model

please some help with this problem. I'm working with angular and try to make a modal within a form for assign user permissions. Form with the multiple select I use bootstrap 3, angular 9 and ngx-mat-select-search library for multiple select. My…
Jorge
  • 37
  • 1
  • 7
1
vote
3 answers

Fit PartialView to Bootstrap Modal (MVC)

I'm displaying a MVC Partial View inside a Bootstrap Modal by clicking a button. My setup is like this: Modal
1
vote
1 answer

Is there is a way to keep my modal open in Laravel after submit and save the values to db?

I am uploading a file in Laravel 8 with having one bootstrap modal which works dynamically . everything is working fine but I want to improve my output more: 1) Update one of my forms through a modal without refreshing the page? 2) keep the modal…
Faeza Salman
  • 13
  • 1
  • 7
1
vote
1 answer

Pass value in Bootstrap

Below is bootstrap code for displaying tune list. upon clicking tag in first code it goes to #tuneIDModal, that code is also mentioned below. I want to pass value from hyperlink tag(data-myvalue) to #tuneIDModal(replacing value with 291033).Both…
Rajan
  • 41
  • 1
  • 8
1
vote
3 answers

How to add blur effect in ngx-bootstrap-modal

I am using ngx-bootstrap in my project. modal.html

{{notificationModal.title}}

1
vote
0 answers

Fixing date format M d Y after data update using a modal

I am using django / ajax / jquery to update date using a modal. Currently my data is being displayed in "M d, Y" format. I am having two issues regarding this: After I update the data in the modal, the date value returns in YYYY-MM-DD format,…
Muhammed Celik
  • 21
  • 2
1
vote
0 answers

Bootstrap modal form won't close on submit

I'm having trouble with closing the modal when clicking the sign in button. Currently the Modal form will open up as soon as the page loads in. If I use data-dismiss="modal" in the submit button, my form doesn't record the input values into the csv…
Peter Nguyen
  • 11
  • 1
1 2 3
…
99
100