I am having trouble with the dialog plugin. I have set resizable:
false when I setup the new dialog but the resize handles are still
added to the dialog. They are disabled so I cannot resize them but
they still show the cursor and give the appearance that it should be
resizable. Is this the intended behavior? I was expecting to not have
any resize handles if i set resizable to false.
The handles are added so that at any point you can make the dialog resizable by this call:
$("#myDiv").data("resizable.dialog", true);
As far as changing the cursor, or hiding the handles, either of these can be accomplished with css. The dialog has the class
ui-dialog
and the resize handles have the class
ui-resizable-handle
Finally, when resizing on the dialog is disabled, the dialog (ui-dialog) will also have the class
ui-resizable-disabled
If the cursor isn't changing for you currently, it could be a theme bug. If that's the case, please let us know which theme, so we can update it. Thanks.
On Wed, Jul 16, 2008 at 4:39 PM, Nick <nickelsbe...@gmail.com> wrote:
> I am having trouble with the dialog plugin. I have set resizable: > false when I setup the new dialog but the resize handles are still > added to the dialog. They are disabled so I cannot resize them but > they still show the cursor and give the appearance that it should be > resizable. Is this the intended behavior? I was expecting to not have > any resize handles if i set resizable to false.
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,
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,
Wouldn't it make more sense not to have the inline css? I mean, if I
want to completely redo the theme for the handles I have to override a
lot o properties set by the plugin..
On Aug 3, 2:34 pm, "Richard D. Worth" <rdwo...@gmail.com> wrote:
> Just add !important in your css for any styles you want to override.
> - Richard
> 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,
In 1.6, the handles won't be created any more. Now when a dialog is
not resizable, it is not initialized as a resizable. The same goes
for draggable.
It may be worth noting that if you have a dialog that starts resizable
and you change the options to make it not be resizable,
then .resizable('destroy') will be called.
On Aug 2, 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,
|
