On Sat, Aug 2, 2008 at 12:25 PM, coshima <cosh...@yahoo.com> wrote:

> 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