jquery-ui-dialog

i am using the jquery ui autocomplete widget inside the jquery ui dialog. when i type in the search text, the textbox indents (ui-autocomplet-loading) but does not show any suggestions. var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]; $("#company").autocomplete({ source : availableTags , minLength: 2 }); company is the id of the textbox to attach the autocomplete. i thought it might be a z index so i set this: .ui-autocomplete, .ui-menu, .ui-menu-item { z-index: 1006; } but it still does not show. i put

I have a dialog with a dynamic form inside that can increase the height of the dialog. autoResize is set to true, width is 500. Is there any way to animate the dialog resize when more content is added? Animating dialog size, while staying in the center of the screen jQuery("#dialog").dialog("widget").animate({ width: '400px', height: '110px' }, { duration: 500, step: function() { jQuery("#dialog").dialog('option', 'position', 'center'); } }); Originally I was using .show('fade') and the size of the dialog would jump whenever .show was called. When using the effect .show('fast') or .show('slow'

Okay I have a list of devices where i can select which to edit. I have 3 states for the edit. When no devices are selected, when 1 device is selected or when x devices are selected. The problem i have is when a user type some text in the textarea (commentField) and cancels the edit to edit another device, the text there was typed in the textarea won't disapere. It stays so when i get the new dialog for the new edit, the commentfield has the text from the old commentField (as if it wasn't cleared) I have tried the following codes to remove the text (both when then cancel button is pressed and

I have a modal dialog using jquery UI dialog. I now want to popup another dialog when i user changes a field in the first dialog. Both should be modal. Is this possible as i tried putting this code there and nothing seems to popup. The following code works fine when click from a regular page (where the select control with id: selectDropdownThatICanChange) but if the same select control that i am changing is itself a dialog the dialog("Open") line does nothing. The change event fires and the open method gets called but nothing pops up. $("#secondModalDialog").dialog({ resizable: false, height:

I found this answer on another thread.. How to add multiple buttons in Jquery UI dialog box? Using this syntax, how do you add class to a particular button? $("#mydialog").dialog({ buttons: { 'Confirm': function() { //do something $(this).dialog('close'); }, 'Cancel': function() { $(this).dialog('close'); } } }); Andrew Whitaker It doesn't look like there's a great way to do this via the API, however you could add the classes in an event handler for create : $("#dialog").dialog({ buttons: { 'Confirm': function() { //do something $(this).dialog('close'); }, 'Cancel': function() { $(this).dialog

I'd like to use instance method for testing if jQuery UI Dialog widget has been initialized or not. Regarding to API , this is possible, but it doesn't work for me: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'instance' demo: http://jsfiddle.net/mDbV7/ UPDATE: This was a mistake in the documentation, instance method will be available from version 1.11.0, see this issue . jbabey The latest version of jQuery UI no longer allows you to call UI methods on items that are not initialized yet. I've just been wrapping them in an if statement, like:

I needed the dialog to maintain its position fixed even if the page scrolled, so i used the extension at http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010 but there's 2 problems with it: it flickers in IE and Firefox on page scroll (in Safari/Chrome it's fine) on closing and then reopening, it looses its stickyness and scrolls along with the page. Here's the code i'm using for creating the dialog: $('<div id="'+divpm_id+'"><div id="inner_'+divpm_id+'"></div><textarea class="msgTxt" id="txt'+divpm_id+'" rows="2"></textarea></div>') .dialog({ autoOpen: true, title: user_str, height: