I've just started playing around with dialog. There are options for height and width you set in the javascript.
height Number Default: 200 The height of the dialog, in pixels. maxHeight Number The maximum height to which the dialog can be resized, in pixels. maxWidth Number The maximum width to which the dialog can be resized, in pixels. minHeight Number Default: 100 The minimum height to which the dialog can be resized, in pixels. minWidth Number Default: 150 The minimum width to which the dialog can be resized, in pixels. width Number Default: 300 The width of the dialog, in pixels. Regards Asa On Sep 20, 2:58 pm, mbrad <[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 a 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 change the border width, and that updates > the border... 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 > > /* > * jQuery UI screen structure and presentation > * This CSS file was generated by ThemeRoller, a Filament Group > Project for jQuery UI > * Author: Scott Jehl, [EMAIL PROTECTED],http://www.filamentgroup.com > * Visit ThemeRoller.com > */ > > /* > * Note: If your ThemeRoller settings have a font size set in ems, > your components will scale according to their parent element's font > size. > * As a rule of thumb, set your body's font size to 62.5% to make 1em > = 10px. > * body {font-size: 62.5%;} > */ > > /*dialog*/ > .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: relative; > > } > > Thanks, > > Brad --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
