All Questions
Tagged with bootstrap-modal bootstrap-5
197
questions
0
votes
0
answers
18
views
Vue+Bootstrap: Prevent modal closing with a flag
I have a modal component that displays a form:
<template>
<div ref="modal" class="modal fade" :id="id" tabindex="-1" role="dialog">
&...
0
votes
2
answers
54
views
How to resize Bootstrap modal width with animation [closed]
I want to resize my Bootstrap 5 modal width after clicking a button. My current code works great.
But now I want to animate this change when it's getting bigger.
I've tried with animate transition in ...
0
votes
1
answer
35
views
Links(Hyperlinks) inside an svg not working when the svg is placed in an img tag in a Bootstrap 5 Modal
In fact , the pointer doesn't even change its shape when it is hovered over the part containing the hyperlink. When I open the svg file separately in my browser , the links work alright . Below is ...
-1
votes
0
answers
17
views
Bootstrap modal does not trigger inside a django for loop
I want to attach a modal to all images. But for some reason the modal is not triggered and the entire page becomes un-clickable.
I have made sure that all modals triggers and modal have a unique ID ...
0
votes
0
answers
42
views
bootstrap modal, close only if input value matches
i am new with coding, very beginner level. i want simple bootstrap 5 modal, where only have two options.
input
close button
and i want close button to work only if input has value 123.
thank you
...
1
vote
0
answers
40
views
How to make bootstrap toast animation work?
Hey I'm reading these docs and it seems that bootstrap toast elements has a fuature of autohiding and even some fade out effects I guess.. But it doesn't work for me....
export const ErrorInfoMessages ...
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 ...
0
votes
1
answer
30
views
How do I close a modal window inside a form without sending data to the server and prevent the page from reloading?
I have a web with javaee and primefaces, and I have bootstrap integrated to the project.
I know that with p:dialog I can perform the same behavior as a bootstrap modal window, but I implemented the ...
-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 ...
0
votes
1
answer
51
views
Bootstrap modal.show() fired instantly instead of waiting asynchronously
I have a form submission that call an API like
<button
class="btn btn-primary w-100"
data-bs-toggle="modal"
data-bs-target="#...
0
votes
1
answer
82
views
Using formvalidation.io in a Bootstrap 5 modal
I am loading a remote page into a Bootstrap 5 Modal using AJAX
Code to open the modal:
<button type="button" data-id="5" class="btn btn-status">Open</button>
...
0
votes
1
answer
59
views
.NET MVC Bootstrap Modal not showing up
The action below, manages order quotes. And I have an if statement inside. If product quantity in order is bigger than product in the stock, i want to show an error message with TempData and Bootstrap ...
1
vote
1
answer
306
views
Bootstrap 5.3 Scrollable Modal with Form in body and submit button in footer
I am trying to create a scrollable modal dialog with a form in the modal-body. It is a long form, vertically, so I would like to utilize the modal-footer section to house the submit button since it ...
0
votes
1
answer
38
views
Resetting bootstrap modal after closing it
I have used bootstrap modal in my vue application, Inside the modal i have input fields and when I enter the data then submit the data and close the modal after reopening it all the previous inputs ...
0
votes
1
answer
92
views
Adding jquery to VueJS 3 for Bootstrap 5 compability to use a modal
Soo, originally I just wanted include a boostrap modal inside a vue component, that I can toggle via an event bus (mitt). Clicking outside the modal should not close it and pressing escape shouldn't ...