Awesome!!!
I've changed the values on the JS and it worked!!
$.extend($.ui.dialog, {
defaults: {
autoOpen: true,
autoResize: true,
bgiframe: false,
buttons: {},
closeOnEscape: true,
draggable: true,
height: 200, /*Changed this*/
minHeight: 300, /*Changed this*/
minWidth: 350, /*Changed this*/
modal: false,
overlay: {},
position: 'center',
resizable: true,
stack: true,
width: 300, /*Changed this*/
zIndex: 1000
},
Thanks!
I would have though the best way to do this is in the CSS. Is that
true, or are some settings only changable in JS?
Brad
On Sep 20, 10:42 am, Asa Carter <[EMAIL PROTECTED]> wrote:
> 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- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
