Category "modal-dialog"

Bootstrap modal dialog is disabled in a project where Material modules are added

I am transferring my Bootstrap based Angular 11 project to Material based. Menu, Sidenav and new Material based components are working well. However my old Boot

Is there any way to modify the MatDialog overlay order?

I want to implement basic dialog handling in my application, with 2 functions: To close all open dialogs: Easy with MatDialog.closeAll(); Enable the user to swi

React JS - Reset Form Data after Modal Close

I'm trying to reset my form data when a modal closes. I think part of my problem is that the form data <Mint> is in another component. Honestly, any time

How to open a modal with a form inside when any button within my table is clicked in one function

I have a modal within a div I want to pop up when any button inside my table is clicked. it will be fetching data from an API as the question and the form is fo

How to Enable Scroll Bar iside Ant Design Modal Component Body?

I am having a modal with long content. I need to have an internal scroll bar inside the modal but there is no information about that in the documentation <M

How to access the mainWindow from another script in Electron?

My electron app defines the BrowserWindow mainWindow in the main.js. It loads an html and eventually inside of the html a script runs the function dialog.showMe

How to add scroll into react-bootstrap Modal.Body

I'm using react-bootstrap modal. How can I make only body to scroll and not all the page? <Modal.Dialog> <Modal.Header> <Modal.Titl

Multiple sheet(isPresented:) doesn't work in SwiftUI

I have this ContentView with two different modal views, so I'm using sheet(isPresented:) for both, but as it seems only the last one gets presented. How could I

How to Bring button (which opens modal) on top of modal as well? React native

I am using react-native-modal. I am using modal's overlay, and the button which opens up modal, changes to cross button, but it stays behind the overlay of moda

When I scroll a modal in mobile, an extra white space appears on the bottom of the page

html code <button onclick="openModal()">Click</button> <div id="my-modal" class="modal"> <span class="closed" onclick="closeModa

How to handle "outside" click on Dialog (Modal)?

My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what

Stopping modal popup after first visit

I have this modal popup (from topModal) on a website (i know they're annoying but my client insisted!) that pops up after 3 seconds of landing on the page. Is

Tailwind Flowbite modal issues on Livewire action

I'm having a real hard time using Flowbite's modals with Livewire. I have a Blade view restaurants.index rendering the x-layout Blade component, calls the <l

Multiple modals in one page

I'm trying to get multiple modals (popup thingies) in one page. One button will let you see what subject you have, and when you click on it an modal will open

Angular 6 Error handling - how to display error in modal?

I'm trying to display errors in a modal dialog but I'm a total Angular newbie and I'm stuck. The project already uses bootstrap so I've tried using NgbModal:

Display data in Table and Modal using ReactJs

I am new to react. I want to make dashboard using Reactjs and Reactstrap but I have a problem. I want to display my data in the table and show mya all data in m

how do i pass info.startStr into an html input inside a modal window?

I am calling a modal upon clicking/selecting a date (NOT EVENT) in FullCalendar: select: function(info) { var sdate = info.startStr; $('#fullCalModalAdd').

How can I present a small page sheet with SwiftUI?

I'm developing an app for iPad with SwiftUI. I want to present a page sheet but with a smaller size. I'm using but I can't change the width of the page sheet.

HTML5 dialog element close button not working properly

I'm looking at this question post, and I'm having trouble applying it to work in my code. It's confusing me because I'm doing the exact same thing for the save

Disallow Twitter Bootstrap modal window from closing

I am creating a modal window using Twitter Bootstrap. The default behavior is if you click outside the modal area, the modal will automatically close. I would l