is there an event for angular $uibModal like onload to show a loader before the modal gets shown or loaded specially if the modal takes time to get loaded.
Explain
I need to show a loader for the user while waiting the modal file gets download from the server.
Related
I am using UI bootstrap modal window to show a form which takes data from a controller and passes on to modal window. But when window pops up, the controller is getting called and all the service calls are being made again, eventually reloading the page.
Can someone help on how to prevent this reloading? Basically activate() function is called again after the modal window is popped up.
Thanks,
-/Sammi
P.S. I am newbie to angular. Please help.
I actually fixed it. Now I created a new directive from Modal window and passed the controller instance to it.
Thanks,
-/Sammi
I'm curently working on this piece of code, since i have a loader integrated in my site, the loader clashes with the modals, so i open the modal from my controller. my problem is if click open the modal it opens behind the current modal, whereas i want it displayed on top.
You should change the z-index css property for the modal and/or the loader.
Most probably you should add z-index to your main modal popup div.
You can try ngBootbox. It's a library for popups.
So I'm looking to have my app open a modal popup window if a user tries to navigate away from a page or close the tab/browser with unsaved data on a form.
I've had people tell me this isn't possible as angular makes asynchronous callbacks and as such once you stop the event in order to open the modal and prevent the navigation the contents of the event are lost.
Is it possible to store the contents of the event in an object?
In chrome, window.open inside of bootstrap modal doesn't work. This is true even if the window.open is triggered in same thread as the button click that triggers it
There is no magic in modal - this just usual code. Just several divs are added.
window.open() works as expected
http://plnkr.co/edit/LRnO401jCiCRlHFQn2jJ?p=preview
FineUploader is great! But I have such a problem: I use React Bootstrap as my UI framework. I need upload button, but after user selects some image file, they need to deal with the image first in a modal dialog window of React Bootstrap, perhaps rotate it, or scale it, or crop it, etc. And when user clicks "Finish" button, then the image should be uploaded to the Node.js server, and display progress bar in the modal dialog body. After the server has received all of the file, then the modal dialog should be closed.
I read through the code of FindUploader, but can't find what I need. FineUploader do have FineUploaderBasic class, with it I can pass the upload button element. But I can't turn the FineUploaderBasic object into FineUploader object, and initialize the template when the modal dialog open. I can't just make the template invisible first, and display it when the modal open. Because React Bootstrap won't add modal into the DOM before user opens the modal.
So should I define a new method to turn a FineUploaderBasic object into a FineUploader object? Or is there any other way to make it?