How to set Dialog height to auto?

[Giovanni Battista Lenoci-2]

Hi, here there's a test of the dialog plugin.

http://lab.gianiaz.com/jquery/dialog/

I've tried with this init options:

            var dOffset = $('#dialogContent').offset();
            $('#dialogContent').dialog({
              buttons: {
                  'Okay': function() {
                            $('#dialogContent').dialog('close');
                          }
              },
              modal : true,
              height: 'auto'
            });


But with height auto the content is displayed also under the
button_pane.

How can I say to the plugin to resize in the correct way?

Another question about dialog, I've seen the "overlay" option, but I
can't understand how to use it, there's an example to look at?

Thank you
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Cloudream]

autoResize:true

On Jun 29, 11:41 pm, Giovanni Battista Lenoci <gian...@...>
wrote:

> Hi, here there's a test of the dialog plugin.
>
> http://lab.gianiaz.com/jquery/dialog/
>
> I've tried with this init options:
>
>             var dOffset = $('#dialogContent').offset();
>             $('#dialogContent').dialog({
>               buttons: {
>                   'Okay': function() {
>                             $('#dialogContent').dialog('close');
>                           }
>               },
>               modal : true,
>               height: 'auto'
>             });
>
> But with height auto the content is displayed also under the
> button_pane.
>
> How can I say to the plugin to resize in the correct way?
>
> Another question about dialog, I've seen the "overlay" option, but I
> can't understand how to use it, there's an example to look at?
>
> Thank you

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Giovanni Battista Lenoci-2]

Cloudream ha scritto:
> autoResize:true
>  
Thank you! :-)

Any suggestion for this ?
>> Another question about dialog, I've seen the "overlay" option, but I
>> can't understand how to use it, there's an example to look at?
>>
>>    

--
gianiaz.net - web solutions
p.le bertacchi 66, 23100 sondrio (so) - italy
[phone]


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Scott González]

On Jun 29, 11:41 am, Giovanni Battista Lenoci <gian...@...>
wrote:
> Another question about dialog, I've seen the "overlay" option, but I
> can't understand how to use it, there's an example to look at?

The overlay option is just a CSS hash (any hash that you would
normally pass to the .css() method) used to style the overlay for
modal dialogs.

$(el).dialog({
    modal: true,
    overlay: {
        backgroundColor: '#000',
        opacity: 0.5;
    }
});
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Giovanni Battista Lenoci-2]

Scott González ha scritto:

> The overlay option is just a CSS hash (any hash that you would
> normally pass to the .css() method) used to style the overlay for
> modal dialogs.
>
> $(el).dialog({
>     modal: true,
>     overlay: {
>         backgroundColor: '#000',
>         opacity: 0.5;
>     }
> });
>  

It was so simple :-)

Thank you Scott

--
gianiaz.net - web solutions
p.le bertacchi 66, 23100 sondrio (so) - italy
[phone]


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[mgl-4]

I was just wondering if someone can explain how to use the autoResize
option (I just updated to jQuery UI 1.5.1).

As an example, I have an element that looks something like this:

d = $('<div style="overflow:auto;"><form><p>[lots of stuff here]</p></
form></div>');

I then create a dialog like so:

d.dialog({autoResize:true});

The autoResize option seems to have no effect, however...the only way
to get scrollbars is if I specifically define the height of the d
element after the dialog is created and/or when on the dialog's resize
event.

Is there a step that I'm missing?

Cloudream wrote:

> autoResize:true
>
> On Jun 29, 11:41�pm, Giovanni Battista Lenoci <gian...@...>
> wrote:
> > Hi, here there's a test of the dialog plugin.
> >
> > http://lab.gianiaz.com/jquery/dialog/
> >
> > I've tried with this init options:
> >
> > � � � � � � var dOffset = $('#dialogContent').offset();
> > � � � � � � $('#dialogContent').dialog({
> > � � � � � � � buttons: {
> > � � � � � � � � � 'Okay': function() {
> > � � � � � � � � � � � � � � $('#dialogContent').dialog('close');
> > � � � � � � � � � � � � � }
> > � � � � � � � },
> > � � � � � � � modal : true,
> > � � � � � � � height: 'auto'
> > � � � � � � });
> >
> > But with height auto the content is displayed also under the
> > button_pane.
> >
> > How can I say to the plugin to resize in the correct way?
> >
> > Another question about dialog, I've seen the "overlay" option, but I
> > can't understand how to use it, there's an example to look at?
> >
> > Thank you

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Giovanni Battista Lenoci-2]

mgl ha scritto:

> I was just wondering if someone can explain how to use the autoResize
> option (I just updated to jQuery UI 1.5.1).
>
> As an example, I have an element that looks something like this:
>
> d = $('<div style="overflow:auto;"><form><p>[lots of stuff here]</p></
> form></div>');
>
> I then create a dialog like so:
>
> d.dialog({autoResize:true});
>
> The autoResize option seems to have no effect, however...the only way
> to get scrollbars is if I specifically define the height of the d
> element after the dialog is created and/or when on the dialog's resize
> event.
>
> Is there a step that I'm missing?
>  

Same problem for me... any idea?

--
gianiaz.net - web solutions
p.le bertacchi 66, 23100 sondrio (so) - italy
[phone]


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[ajpiano]

hey,

i think there is a bug related to this in 1.5.1   i *just* switched
from 1.5.0 to 1.5.1.

i had set height:"auto" in a dialog that, when it's inited, has some
content that's hidden.

in 1.5.0, i called .show() on the hidden content and the dialog
resized just fine.
in 1.5.1, the same .show() call leaves the dialog the same height as
it was when inited.  the dialog has a height set on it via an inline
style...

considering 1.5.1 upgrade wasn't supposed to affect existing code i
wouldn't say that the existence of the (currently not working)
autoResize option is the proper remedy...

--adam

On Jul 8, 4:03 am, Giovanni Battista Lenoci <gian...@...> wrote:

> mgl ha scritto:
>
> > I was just wondering if someone can explain how to use the autoResize
> > option (I just updated to jQuery UI 1.5.1).
>
> > As an example, I have an element that looks something like this:
>
> > d = $('<div style="overflow:auto;"><form><p>[lots of stuff here]</p></
> > form></div>');
>
> > I then create a dialog like so:
>
> > d.dialog({autoResize:true});
>
> > The autoResize option seems to have no effect, however...the only way
> > to get scrollbars is if I specifically define the height of the d
> > element after the dialog is created and/or when on the dialog's resize
> > event.
>
> > Is there a step that I'm missing?
>
> Same problem for me... any idea?
>
> --
> gianiaz.net - web solutions
> p.le bertacchi 66, 23100 sondrio (so) - italy
> [phone]

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[ajpiano]

it seems that autoResize is designed for handling events related to
whether the dialog itself is a ui-resizable element.   it seems that
an issue has creeped in related to dialogs resizing themselves
properly based on the content...

--adam

On Jul 8, 3:04 pm, ajpiano <ajpi...@...> wrote:

> hey,
>
> i think there is a bug related to this in 1.5.1   i *just* switched
> from 1.5.0 to 1.5.1.
>
> i had set height:"auto" in a dialog that, when it's inited, has some
> content that's hidden.
>
> in 1.5.0, i called .show() on the hidden content and the dialog
> resized just fine.
> in 1.5.1, the same .show() call leaves the dialog the same height as
> it was when inited.  the dialog has a height set on it via an inline
> style...
>
> considering 1.5.1 upgrade wasn't supposed to affect existing code i
> wouldn't say that the existence of the (currently not working)
> autoResize option is the proper remedy...
>
> --adam
>
> On Jul 8, 4:03 am, Giovanni Battista Lenoci <gian...@...> wrote:
>
> > mgl ha scritto:
>
> > > I was just wondering if someone can explain how to use the autoResize
> > > option (I just updated to jQuery UI 1.5.1).
>
> > > As an example, I have an element that looks something like this:
>
> > > d = $('<div style="overflow:auto;"><form><p>[lots of stuff here]</p></
> > > form></div>');
>
> > > I then create a dialog like so:
>
> > > d.dialog({autoResize:true});
>
> > > The autoResize option seems to have no effect, however...the only way
> > > to get scrollbars is if I specifically define the height of the d
> > > element after the dialog is created and/or when on the dialog's resize
> > > event.
>
> > > Is there a step that I'm missing?
>
> > Same problem for me... any idea?
>
> > --
> > gianiaz.net - web solutions
> > p.le bertacchi 66, 23100 sondrio (so) - italy
> > [phone]

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Giovanni Battista Lenoci-2]

ajpiano ha scritto:
> it seems that autoResize is designed for handling events related to
> whether the dialog itself is a ui-resizable element.   it seems that
> an issue has creeped in related to dialogs resizing themselves
> properly based on the content...
>
> --adam
>  
We have to open a bug report?

Bye :-)

--
gianiaz.net - web solutions
p.le bertacchi 66, 23100 sondrio (so) - italy
[phone]


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[shelane]

I'm using height: auto and that is working fine for the height, but
I've noticed that some of the text is getting lost in the right
margin.  This is text that is inserted through AJAX.  If I resize to
widen, that text is there, but new text gets cut off as it wraps.
This is with the SVN version from Fri, Jul 18.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---