A modal window consists of 4 areas:

- Header (optional)

- Body

- Navigation Bar (optional, for multi-sheet windows only)

- Footer (optional)

Below, we show an example of how the heights of these areas are specified.

Let's assume that you have the following values on your modal window project:

jquery modal window properties

The modal window will then appear with the following heights:

jquery modal window information

As you can see, the jQuery modal window can be further customized for each area separately, through the powerful CSS properties!