I came across this answer when searching for this same issue, however none of the solutions were exactly what I wanted. Using appendTo worked, sorta… The autocomplete items showed up where they were supposed to, however it completely threw my dialog window into a garbled mess of improperly repositioned div elements. So in my own … Read more
It looks like writing to the widget to .data(“dialog”) and then trying to operate on it is causing an issue. Here is a sample where .data is not used and the open/close is called based on the element: http://jsfiddle.net/rniemeyer/durKS/ Alternatively, I like to work with the dialog in a slightly different way. I like to … Read more
They all have the .ui-dialog-content class, so select by that and close them, like this: $(“.ui-dialog-content”).dialog(“close”);
I found this on another post, hopes it helps, it worked for me: $(“#div2”).dialog({ closeOnEscape: false, open: function(event, ui) { $(“.ui-dialog-titlebar-close”).hide(); } }); This is the link: How to remove close button on the jQuery UI dialog?
I tried some of the solutions posted here, but they don’t work if the page has been scrolled prior to the dialog being opened. The problem is that it calculates the position without taking into account the scroll position, because the position is absolute during this calculation. The solution I found was to set the … Read more
The problems were: iframe content comes from another domain iframe dimensions need to be adjusted for each video The solution based on omerkirk’s answer involves: Creating an iframe element Creating a dialog with autoOpen: false, width: “auto”, height: “auto” Specifying iframe source, width and height before opening the dialog Here is a rough outline of … Read more
Here is how to add custom classes in jQuery UI Dialog (Version 1.8+): $(‘#foo’).dialog({ ‘buttons’ : { ‘cancel’ : { priority: ‘secondary’, class: ‘foo bar baz’, click: function() { … }, }, } });
Use the resizable option var elem = $(“#mydiv”); elem.dialog({ modal: true, resizable: false, title: ‘title’, buttons: { Ok: function() { $(this).dialog(‘close’); } //end function for Ok button }//end buttons }); // end dialog elem.dialog(‘open’);
i’ tried this, and it works 🙂 [….] open: function() { $(‘.ui-dialog-buttonpane’). find(‘button:contains(“Cancel”)’).button({ icons: { primary: ‘ui-icon-cancel’ } }); [….]
Old Answer z-index (note the hyphen!) is the property that matters. Make sure you set it greater than the dialogue, and make sure you set it on the correct element. Here’s how we do it: #ui-datepicker-div { z-index: 1000; /* must be > than popup editor (950) */ } API Change – April 17, 2010 … Read more