<div dir="ltr">I would occasionally like to use dialog as (essentially) a light box, which is very easy to do and saves the additional plugins when I'm already using jquery ui. The one thing I can't seem to figure out is how to hide, or prevent from appearing at all, the dialog resizable-handles that are the border of the dialog. My basic recipe is:
$(this).dialog($.extend(this.dialogOptions||{}, {
modal: true,
resizable:false,
height: $(document).height(),
width: $(document).width(),
overlay: {
opacity: 0.2,
background: "black"
}
}));<br clear="all">
I've tried modifying the css in firebug to see if I can figure out the css that would need to be modified, but I can't find the right property.
Thanks for any insight.
--
Christopher Thatcher
</div>