In my case, the dialog is larger than the viewport - and I *do* want it to extend below the viewport (causing the browser scrollbar to appear). Regardless of what I set the postion to be, the dialog appears above the viewport so that I can't even drag the title bar - and no browser scrollbar appears for me to get up to the dialog. I've seen people report similar issues and there's something with regard to the collision detection. Is there an option I can set when I initialize the dialog to prevent it from happening?
I'm trying to develop some customizations to liferay and it appears as if the liferay implementation is "stuck" at jQuery 1.2.6. I would like to use the newer 1.7.2 of jQueryUI and am having a LOT of difficulty (When using built-in liferay items like user management, it inserts it's own jQuery library rather than giving any sort of granular control). Has anyone been able to use the newer UI components *within* the built- in interfaces to Liferay or do I need to use a portlet? Thanks, Jon --
I have a form inside a dialog: <div id="init_dialog" title="Information Required"> <form action="" method="post" id="init_form" onsubmit="return false;"> <input type="hidden" name="emp_pk" id="emp_pk" value="1234" /> <fieldset><legend>Information</legend> <label for="init_info">Please Enter some information</label> <input type="text" id="init_info" name="init_info" value="information" /> </fieldset> </form> </div> In jquery: jQuery(document).ready(function() { jQuery('#init_dialog').dialog({ bgiframe:true, autoOpen:false, modal:true, width:700, buttons: { Cancel:function(){ jQuery(this).dialog('close'); }, "Get Info":function(){ alert(jQuery('#init_form').serialize()); } } }); } When I open the dialog and click the "Get Info" button (triggers the alert), I expect to see a string like this: emp_pk=1234&init_info=information Instead, I get a blank alert box. I did a check with firebug and noticed that when the dialog is created, the <form> tags are completely stripped out. The demo on jqueryUI.com does NOT strip out the form tag. Am I missing something? This happens in both IE7 and Firefox 3.5 I'm using JqueryUI 1.7.2
I have a form inside a dialog: <div id="init_dialog" title="Information Required"> <form action="" method="post" id="init_form" onsubmit="return false;"> <input type="hidden" name="emp_pk" id="emp_pk" value="1234" /> <fieldset><legend>Information</legend> <label for="init_info">Please Enter some information</label> <input type="text" id="init_info" name="init_info" value="information" /> </fieldset> </form> </div> In jquery: jQuery('#init_dialog').dialog({ bgiframe:true, autoOpen:false, modal:true, width:700, buttons: { Cancel:function(){ jQuery(this).dialog('close'); }, "Get Info":function(){ alert(jQuery('#init_form').serialize()); } } }); When I open the dialog and click the "Get Info" button, I expect to see a string like this: emp_pk=1234&init_info=information Instead, I get a blank alert box. I did a check with firebug and noticed that when the dialog is created, the <form> tags are completely stripped out. The demo on jqueryUI.com does NOT strip out the form tag. Am I missing something?