Figured it out. Accidently. :)
If the "ui-dialog" class is manually assigned to the dialog container before
opening the modal dialog, the text boxes do not work right. However, if the
class is not manually assigned and just treated normally, the text boxes work
fine.
I.e. the following code fails:
$("#dialogContainer").remove();
var dc = $('<div id="dialogContainer" class="ui-dialog">content</div>');
$("body").append(dc);
$("#dialogContainer").dialog({
title : "Organization",
modal: true,
width: 650,
height: 350,
overlay: { opacity: 0.5, background: "black" },
});
But changing the "var dc=" line to
var dc = $('<div id="dialogContainer">content</div>');
and the above code works great. (assuming your "content" has some text boxes
in it of course...)
Funny how sometimes forgetting to add a class in can lead to such
discoveries.. :) Hope this helps someone out.
Shawn.
Odd. in my same project, with similar code, The modal dialogs work fine.
On Thursday 23 October 2008 22:32:36 Shawn wrote:
> I'm finding that if I use any of the themes generated by the ui
> themeroller, I cannot use them with a modal dialog. The form elements
> cannot receive focus.. But if I switch to a non-modal dialog everything
> works.
>
> Anyone know any way around this? I really do need modal dialogs, but do
> not understand the CSS well enough to role my own (at the moment..).
>
> Thanks.
>
> Shawn
