Can I fix the width and the height of jQueryMobile dialog?

Question

Can I fix the width and the height of jQueryMobile dialog? Currently, the size of width is 100% which is really awful in iPad.

Answer 1

I'm not sure if this has changed recently; but I thought I would offer an answer for jQuery Mobile 1.1.

To fix the width all dialogs, you need to add the following CSS rule:

.ui-dialog-contain { 
    max-width: 600px;
}

If you don't want to apply this setting gobally, you can target an individual page/dialog with it's id, eg:

#my-dialog .ui-dialog-contain { 
    max-width: 600px;
}