I have four menu bar tabs in my application. Each tab has settings icon where user can click on it and a modal window opens and user can perform delete/save/cancel operations on that Tab. For this, I want to create a re-usable modal window. This window will have unique information about each menu Tab. Can somebody help to create a custom directive-modal window when the user clicks on settings icon.
Thanks
If you are open to using bootstrap, I recommend using ui.bootstrap.modal from the bootstrap angular directives for all your modal popup needs.
It's an easy way to handle everything related with modal windows. The actual content of the modal window may be in a separate template, or displayed using a custom directive which can be passed with the options to $modal.open().
Related
I'm modifying Moodle LMS to include some user alerts during their chat sessions if some problems have been identified. Chat module in Moodle appears as a popup window displayed on top of Moodle index page.
Since I can't modify Moodle core code, I'm able to embed some custom javascript code in the Moodle index page, but not in the chat child popup window. This custom javascript code displays bootstrap Modal dialog with notification for the user, but the problem is that this modal dialog is covered by the child popup, so user doesn't see the message.
Ideal scenario would be if modal dialog appears on top of child popup window. However, if that's not possible another solution might be if somehow I can return focus to parent window so user is still able to see notification in modal dialog before he returns to the chat window.
I hope someone has some idea how to make this work.
I am new on Bootstrap.
My Requirement is to open Modal Popup in a page. (Done).
Open Modal Popup required to open another Modal Popup. (Done).
Facing Issue :
When I goes to close the nested (Second) Modal Popup, both popup is closed at a time. Because I Use "data-dismiss='modal'" to close the modals. is there any other way to close Nested Modal Popup.
Ah now I understand!
You'll need to close your modal using javascript then :) I've written a little function here. Just add the "closeModal" class to the button which you want to close the modal for.
Basically it finds the parent modal that the button belongs to and closes that modal. Hopefully this helps and you can change it around if needs be.
$(".closeModal").click(function(){
$(this).closest(".modal").modal("hide")
});
http://jsfiddle.net/kjazcz5e/4/
Bootstrap provides a .modal() JQuery plugin to let you control modals. Take a look:
http://getbootstrap.com/javascript/#modals
In desktop applications we usually have parent window and multiple child windows. How do I simulate such behavior in the web application?
I use the dojo/dialog for modal dialogs in dojo which appears as popup and need user actions to close the dialog window to access any items in the main window.
What should I use in dojo to have multiple window panes open at the same time and user can work any of the window panes. This is something similar to Gmail's chat window. Gmail opens multiple chat window panes and still allows user to access the main gmail window.
If that is possible with dojo/ other frameworks then what about the browser compatibility.
Thanks in advance.
dojox.layout.FloatingPane may what you are looking for.
http://dojotoolkit.org/api/dojox/layout/FloatingPane
I currently have a custom dialog within the link plugin that launches a popup with all the internal pages on my CMS for the user to pick and it inputs the url into the box
{type:'button',id:'browseInternal',label:i.browseWebsite,filebrowser:{action:'Browse',url:'/admin/pages/links'}}
However, I now use a popup modal window all over my system and would like the same modal style window to be used here. Any ideas on how I can implement it? I dont want to launch a popup window but instead the button needs to call this function
loadPopup( '/admin/pages/links', '', 'destination' );
After gathering my thoughts and a little more help from Google I eventially found the right page on the CKeditor docs see here
I want to display 2 modal windows containing HTML content with jQuery.
But second modal window must be within the first.
So, here is main page, when I click link it opens first modal window, and then when I click a link in this modal window in opens second modal window.
I tried to do this with qTip, but I can't make second modal window.
I will be appreciate if somebody tells me how can I realize this. Thanks.
To me this sounds like an ui failure - modals within modals are not healthy for a user interface, and thus modal frameworks rarely support it.
If i was you I'd find another design rather than solve this problem programatically
I'd recommend the jQuery UI Modal Dialog, it should allow having two dialogs open at the same time.
qTip allows to open modal in modal.
Something is going wrong with your code.
Post it here and i can give you a solution!