The dialog plugin has width and height options:

$("#myEl").dialog({
  width: 500,
  height: 730
});

If you want to change either after init, you can do so by

$("#myEl").data("width.dialog", 600).data("height.dialog", 700);

- Richard

On Thu, Sep 18, 2008 at 3:07 PM, Brad M <[EMAIL PROTECTED]> wrote:

> Thanks for taking the time to read my question.
>
> I have a dialog box on my page that pops up after clicking the link.
>
> My problem is that when it comes up, it is too small. My content requires
> the size of the dialog box to be both wider and taller.
>
> I've downloaded jquery-ui-themeroller.css from Themeroller.
>
> I've tried to add width and height to .ui-dialog, but it doesn't make a
> difference to the size. I can change the border width, and that changes...
> I've tried resizing the background image, but that doesn't change anything
> either. I made it 200px high and kept the width.
>
> How can I make my dialog box larger?
>
> Thanks,
>
> Brad
>
>
> .ui-dialog {
>  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3;
> text-decoration: none; font-size: 100%; list-style: none;
>  font-family: Verdana, Arial, sans-serif;
>  font-size: 12px;
>  background: #ffffff
> url(Images/Dialog/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
>  color: #222222;
>  border: 10px solid #dddddd;
>  position: re
>
> --
> Brad McIntyre
>

Reply via email to