coshima <cosh...@yahoo.com>

I have a follow-on question, and also a bit of feedback.

I got stuck on the same behavior Nick initially asked about, and while
I understand the reason why the handles are still created (so the
dialog can be made resizable later), I personally find this behavior
very confusing. If I explicitly set the resizable option to false, I
would naturally expect the dialog to not look or act resizable. I
shouldn't have to go to through extra hoops to override the default
CSS appearance of the resize handles and cursor.

Okay, that said, my question is that I'm having some trouble actually
overriding the default CSS. This may be switching to a theme topic,
but hopefully a short answer can point me in the right direction. I am
NOT including flora.css, and I simply overrode all the .ui-dialog
related CSS rules in my own CSS.

The problem is that ui.resizable.js appears to stick CSS rules,
particularly for the cursor, directly on the handle elements
themselves. These rules will take precedence over any rules I try to
provide using .ui-dialog-handle, etc. So I'm stuck with the cursors
unless unless I set no handles at all (by passing an empty string as
the resize option), or manually change the style properties after the
dialog is created. Both of these feel like hacks.

Is there some theme-related technique that I'm missing that will allow
me to override the CSS that resizable sticks into the style attribute?
Should I look into ThemeRoller for the answer to that? I'm on a tight
schedule and I feel like I'm at a point on this where I should ask for
pointers or advice before getting sidetracked and wandering around
aimlessly. Any comments on this would be appreciated! Thanks,

Craig