I’ve just wrote a tiny sample app using JQuery 1.4.1 and UI 1.8rc1. All I did was specify the constructor as: var theDialog = $(“.mydialog”).dialog({ autoOpen: false, resizable: false, modal: true, width:’auto’ }); I know you said that this makes it take up 100% width of the browser window but it works sweet here, tested … Read more
$(this).dialog(‘destroy’).remove() This will destroy the dialog and then remove the div that was “hosting” the dialog completely from the DOM
You’re actually supposed to use $(“#terms”).dialog({ autoOpen: false }); to initialize it. Then you can use $(‘#terms’).dialog(‘open’); to open the dialog, and $(‘#terms’).dialog(‘close’); to close it.
I am late to this one by a while, but I’m going to blow your mind, ready? The reason this is happening, is because you are calling bootstrap in, after you are calling jquery-ui in. Literally, swap the two so that instead of: <script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script> <script src=”https://stackoverflow.com/questions/17367736/js/bootstrap.min.js”></script> it becomes <script src=”https://stackoverflow.com/questions/17367736/js/bootstrap.min.js”></script> <script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script> 🙂 Edit … Read more
I have found it! You can catch the close event using the following code: $(‘div#popup_content’).on(‘dialogclose’, function(event) { alert(‘closed’); }); Obviously I can replace the alert with whatever I need to do. Edit: As of Jquery 1.7, the bind() has become on()
In order to make it work, you have to call the jQuery from the parent, not from within the iframe. To do this, use the following… window.parent.jQuery(‘#upload-form’).dialog(‘close’); That should do it!
Looks like anyone, even in this linked question, have proposed this solution, similar to the first part of the answer given by Nick Craver: $(“#dialog”).dialog({ width: 480, height: “auto”, buttons: [ { id: “button-cancel”, text: “Cancel”, click: function() { $(this).dialog(“close”); } }, { id: “button-ok”, text: “Ok”, click: function() { $(this).dialog(“close”); } } ] }); … Read more
There are some cases, where jqGrid calculate the width a little incorrect. Mostly I have problems with grid width, but in some cases on IE6 also with the height. So I have to write a small function to fix the problem. var fixGridWidth = function (grid) { var gviewScrollWidth = grid[0].parentNode.parentNode.parentNode.scrollWidth; var mainWidth = jQuery(‘#main’).width(); … Read more
i’ tried this, and it works 🙂 [….] open: function() { $(‘.ui-dialog-buttonpane’). find(‘button:contains(“Cancel”)’).button({ icons: { primary: ‘ui-icon-cancel’ } }); [….]
you can close it programmatically by calling $(‘#form-dialog’).dialog(‘close’) whenever you want.