Hi,
Still trying to accustom with 5.0 and its modal (or not) dialog.
Below is based on Sample Dialog app, stylized modal dialog
Thee questions:
1. Is appendTo only way to get responding dialog inside form ?
2. jQueryUI seems to have some issues with dialog dragging function above resolve issue under IE and FF (Chrome seems to have no issue with it) but is it most proper way to solve it ?
3. Modal dialog in apex gives defined resolutions of modal window - it can replace jQueryUI dialog however how to set i to automatically fit to content ?
apex.jQuery( this.affectedElements ).dialog( 'destroy' ).appendTo( 'form#wwvFlowForm' );
apex.jQuery(this.affectedElements).dialog({
closeOnEscape : true,
draggable : true,
dialogClass : 'customStyles',
height : '300px',
modal : false,
resizable : true,
width :'900px',
collision: 'fit',
drag: function(event, ui) {
var fixPix = $(document).scrollTop();
iObj = ui.position;
iObj.top = iObj.top - fixPix;
$('.ui-dialog').css('top', iObj.top + 'px');
},
open : function(event, ui){
// Bind click handler on the overlay, to force dialog closing
apex.jQuery('.ui-widget-overlay').bind('click', function() {
apex.jQuery(this).prev().find('div:nth-child(2)').dialog('close');
});
}
});
Thanks