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,760
questions
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"&...
0
votes
0
answers
53
views
How to Prevent Select2 Dropdown from Moving with Scroll inside a Bootstrap Vue Modal?
I'm working on a project that uses Vue.js and Bootstrap-Vue. Inside a Bootstrap modal, I've integrated a Select2 dropdown. I encountered an issue where the modal wouldn't scroll when the Select2 ...
0
votes
0
answers
36
views
modal is not shown up when convert to vue 3
I am using vue latest version 3.4.21 and tried to convert a modal from vue2. My codes have:
main.js as:
import { createApp } from 'vue';
import * as uiv from 'uiv';
const app = createApp({
data()...
0
votes
0
answers
27
views
I created the model and set the primary key. How to show model primary keys in Django templates [duplicate]
I am new to Django, I want to display table data to Modal html form but it always shows the 1st record on Modal form. For e.g. in the image below, I have clicked on 43. TEST - 4, 43 is the primary key,...
0
votes
0
answers
41
views
jest test if modal component is being opened
I have a nextJs/React/Bootstrap app with a Bootstrap modal component. I am using Jest to test. I cannot get jest to find the modal component on the rendered page after I simulate clicking the button ...
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
0
answers
7
views
How to close an ngbactive modal programatically without the modal being closed
Table-component.ts
openModal(rowData: any = null) {
const config: Partial<DynamicFormComponent> = {
form: this.form,
data: rowData
};
const options: NgbModalOptions = { size: 'sm', ...
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
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 ...
0
votes
1
answer
93
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 ...
0
votes
1
answer
59
views
I'm encountering an issue in my Angular10 project where a Bootstrap modal does not automatically close after a form submission
The form submission itself is successful, but the modal remains open. Uniquely, my form's submit button is placed outside the tag, and I've tried using @ViewChild to programmatically close the modal, ...
0
votes
1
answer
67
views
How to view return data on Bootstrap modal
I'm building a test application in Blazor and WEB API. I'm trying to view the return data (string) of a simple Delete (id) endpoint, it's a deletion message from di server Web API, but I don't ...
0
votes
0
answers
20
views
Modal is Not Opening in Correct Position
i have a Nextjs code Modal is opening with div tag not separate tag
i call the button in server and try to open it
Server Calling code
<div className="col-lg-6 col-xl-5 col-md-8 mb-5">...
0
votes
0
answers
24
views
How to embed a modal or popup in an HTML form
In my registration form, I'd like users to agree to the T&C without opening a new web page, so a modal (aka dialog or popup) would be appropriate.
But when I add the dialog to the middle of a form,...
0
votes
0
answers
94
views
How to use modal bootstrap in identity razor pages in ASP.NET Core
I want to call the registration or login of individual Microsoft identity on the main page of my site using bootstrap modal. Everything goes well until the validations are applied and it is ...