How to customize jquery dialog appearance -
many time use below code show jquery dialog want customize it.
jquery('#dialog').load('path page').dialog('open');
suppose when click on link small jquery dialog open busy image way. here screenshot.
so dialog show progress bar , after getting html data server side want increase height & width of dialog in loop upto level best fit html data inside in dialog. here bit code that
$(".ui-dialog").animate({ left: (($(window).width() - 346) / 2) + 'px', top: (($(window).height() - 305) / 2) + 'px', height: '305px', width: '346px' }, 200, function () { $("#dialog").removeclass("busystyles").find('#faxmain').fadein(2000); $("#dialog").css({ height: '26px' }); });
so guide me sample code how customize line jquery('#dialog').load('path page').dialog('open');
have desired effect.
so guide few steps 1) how set busy image @ center of dialog 2) how work load() callback notify me data comes @ client side 3) how detect height & width of html data including css style sheet applied on html
looking guidance. thanks
Comments
Post a Comment