All Questions
Tagged with bootstrap-modal html
1,792
questions
0
votes
1
answer
30
views
how can i make functions work inside a modal?
I am working on a script for work and halfway through writing my code, i changed my code to pull up a majority of my HTML in a modal. My problem is that i have already made a lot of functions that now ...
- 11
0
votes
0
answers
29
views
I want to align modal center bottom on all screens
This is my code i want to do that when ever modal will open it will aligned in center bttom on all screen how can i achive that ?
i do this code but its not working on all screen sizes can any one ...
- 35
0
votes
0
answers
33
views
Submit form from Modal and only refresh the modal?
I have a main.html HTML page with some buttons that opens a modal. Depending on which button is clicked, the modal will dynamic load content from an external PHP script - each button calls a ...
- 3,016
0
votes
0
answers
38
views
data popover not showing up in modal
I have the following popover buttons in multiple areas of my pages. With onmouseenter and onmouseleave the popover is working just fine placing the info/tip popover next to the button/icon that was ...
- 3,016
0
votes
0
answers
10
views
Boostrap Modal Not Operating (BS v4.5) Flask
I have been attempting to implement modals for the Edit and Create functionality for a basic CRUD website using Flask and SQLAlchemy, to no avail. The buttons do nothing when pressed.
I have gone ...
0
votes
1
answer
37
views
Bootstrap Modal header css variable not defined - var(--bs-modal-header-padding) not defined
I am not using modal-header inside modal
I want to use modal-header css property, inside normal div
But css property has values when its inside modal but it shows variable not defined when used in ...
-1
votes
2
answers
121
views
Bootstrap modal not triggering after upgrading to Bootstrap 5 and jQuery 3 in ASP.NET Core
Recently I updated jQuery from v2.2.4 to v3.7.1 and Bootstrap from v2.2.2 to v5.0.2 in my ASP.NET Core project. After the update, I'm facing an issue where modal pop-ups are not triggering when ...
- 1
0
votes
0
answers
73
views
Opening a Bootstrap Modal will freeze the entire page (angular)
I have a boootstrap card and I want to open a modal when I click on it:
<div class="row">
<div class="col-lg-6" *ngFor="let newsItem of filteredNews">
<div class="box"&...
- 1
0
votes
0
answers
38
views
How to get the current table row without using an event handler?
I have a boostrap modal along with a event handler and basically whenever the user clicks on the editLocationBtn the modal appears which its supposed to do. I was wondering if there is a way without ...
1
vote
2
answers
46
views
Can't get modal to display type and image of Pokemon
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
...
-1
votes
2
answers
138
views
How can I open a Bootstrap modal when an input is clicked?
I'm working with Bootstrap and I have a search form and a modal. I want my model to open up when I click on the search form. The modals I found online were only working with a button but I don't want ...
- 23
0
votes
1
answer
60
views
Bootstrap modals not displaying content on button click (Django Framework)
I'm encountering an issue with Bootstrap modals in my HTML code where they are not displaying any content when I click the buttons triggering them. Despite seemingly correct IDs and attributes, the ...
0
votes
1
answer
38
views
How do I determine why a Bootstrap 5 Modal button is not working?
I have a Django based web site that uses bootstrap 5. I have a table of data and a notes column with a lot of text. I am trying to use the Bootstrap Modal popup feature to display the notes to keep ...
- 807
1
vote
1
answer
130
views
Bootstrap Modal Not closing after successful Ajax Call
I am getting success in the Ajax Call but after submission, it is not hiding.
I tried .hide(); .modal('hide');
Here is
<div class="modal fade" id="addWorkModal" tabindex=&...
- 774
0
votes
2
answers
415
views
Bootstrap modal not working in Angular application
I am trying to use a Bootstrap modal in an Angular application using classes in HTML, but it not working - its not showing as a modal
<div class="modal text-center" *ngIf="showmodal&...
