Hello all,

I want to mimic one of our desktop applications with a web application. I'm using jQuery 1.8.2 and jQuery UI 1.9.0 for this. My problem is with modal dialogs. Almost all my modal dialogs consist of the following:

A <div> that contains an items control like <select> and sort of a footer that contains an OK and Cancel button.

One requirement is that the OK and Cancel buttons stay at the bottom of the dialog when it gets resized by the user.

The <div> with the <select> should always resize to fill the entire dialog except for the button footer and the title bar. In other words, the <select> should fill the entire free space.

Does anyone have a code sketch for this with jQuery UI?

Thanks in advance,
Nick