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-modal
7,749
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
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 ...
0
votes
1
answer
35
views
Blazor test page not opening Modal
I have the following code but when it renders to the browser it doesn't have an onClick call so clicking the button has no effect (go easy on me this is my first Blazor app):
I have a UserComponent ...
0
votes
0
answers
31
views
Disable auto focus on select2 drop-down in modal?
I have added multiple Select2 dropdowns in my modal and initialized these select dropdowns when the modal opens. There was one problem: when we open the Select2 dropdown, its positioning was not ...
-1
votes
0
answers
17
views
BOOTSTRAP_ERROR [closed]
I have errors with my Bootstrap, the styles are not applied, but when I forcefully empty the cache they work, but if I restart it without cache the styles are lost. style imageimagen sin estilo
I want ...
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 ...
0
votes
0
answers
50
views
Menu and submenu with 2 modal in laravel
I have a problem with menu and submenu calling with 2 different modal. I would like when choose in the first menu see the elements of the submenu in another modal. The problem is that I loss the ...
0
votes
1
answer
42
views
Bootstrap modal in .NET Core 8 is not rendered properly
I have a simple bootstrap modal but it is not showing properly in a .NET Core 8 project, all other bootstrap elements in my application are working properly, I installed bootstrap as client-side ...
-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
30
views
How do I display an image in a Modal Window Shopping Cart (Javascript/Bootstrap)
I have used someone else's code as I am very new to Javascript.
I have managed to get the add to shopping cart functioning, displaying product title, price etc. but would like to add a small thumbnail ...
0
votes
0
answers
25
views
Bootstrap modal or canvas gets larger each time called
I am using bootstrap and an implementation of a signature pad from [https://github.com/szimek/signature_pad][1]
The problem is, each time I call the modal to capture a signature the modal (and ...
0
votes
0
answers
13
views
In CreateView, django-bootstrap-modal-forms is executing the form twice
I'm pretty new to Django, and the English isn't my language. I'll try my best to explain what happens when I'm using django-bootstrap-modal-forms.
I have a page that has a button that calls a POPUP (a ...
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 ...
0
votes
0
answers
32
views
Angular Modal not closing, I can open it but then the screen goes a bit dark and nothing works
I'm using creative tim free angular argon-dashboard template. I'm trying to create a modal, but when I click the button to open the modal, it opens but then the screen gets a dark overlay and the ...
0
votes
0
answers
28
views
How to display text input box over modal in abp framework?
I have the following code which is a modal element. The "NewButton" element is supposed to trigger a text input box in which the user writes the reason for the delete action. The Scripts ...
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
...
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 ...
0
votes
1
answer
40
views
Unable to view a pop-up modal properly in yii2
I am trying to show a pop-up modal on a button click. But when I click on the button it shows for a small time and then vanishes leaving the screen to black.
Below is my code
<?PHP
use kartik\...
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 ...
0
votes
1
answer
30
views
React: Array inside of State is undefined when accessed from callback
I have a callback function, that is supposed to edit a value in an array, that is inside of a State. When I try to access the dataZähler, so the array itself, I get unedefined/Array of length 0 back. ...
0
votes
1
answer
26
views
Bootstrap Modal causes useEffect({...}, []) to trigger again
When using the Bootstrap <Modal /> component, when I do callbacks to the parent component, my entrie page rerenders, and triggers my useEffect({...}, [])-Hook, which should only be called once, ...
0
votes
1
answer
43
views
Using a custom modal in vue, 2 times inside another component renders only the first component data
So the problem is that I am working in a Laravel Vue application both are different application. The problem I am facing is that I have a created a component for modal using bootstrap in VUE JS.
And I ...
0
votes
0
answers
29
views
Remote modal not rendering validation errors on file upload - Ruby on Rails
I have a custom validation to accept only PDF on active storage attachment. I have tried to upload non-PDF file to see the errors on the form(remote modal) but on the logs it shows Missing Partial, it ...
0
votes
0
answers
34
views
Bootstrap modal component not showing up
I have this in my app.tsx:
return (
<>
{console.log(showModal)}
{showModal === true && <Modal onClose={toggleModal}></Modal>}
</>
);
and I copied ...
0
votes
0
answers
19
views
Customise Add Media - Media Modal in WYSIWYG Editor in Wordpress
I am using a front-end submission form for users to contribute posts to my platform. Users can upload text and images via the content area.
However, I would like to simplify the interface by limiting ...
0
votes
1
answer
58
views
jquery modal and autocomplete not working with button for postback
I have a problem with an asp.net site using masterpage in which I would like to have a jquery modal where user can search and submit text. I would like to get the insert text with an postback for ...
1
vote
1
answer
55
views
How to prevent Bootstrap modal from opening when clicking on link
I have a table where clicking anywhere on the row will open a modal dialog (to edit the row) but there are columns that contain links . When those links are clicked on, I don't want to go to the link ...
0
votes
1
answer
20
views
Parameter In Child Modal Component Not Being Updated Properly
Have two pages: UsersManagement.razor and UserDeletionConfirmation.razor. UserDeletionConfirmation.razor is the modal which is being called from UsersManagement.razor.
The problem is that I have a ...
0
votes
0
answers
12
views
React-Boostrap-Modal Not showing its styling in my Next.js Application/
i have this code that when the button "New Chat" is pressed it will popup the modal
return (
<div className="w-full overflow-y-scroll p-4 text-black">
{...