<div id="window_div_test"></div>

Opening a Window

// with parameters
openWindow( id, title, height, width, modal, autoOpen, resizeable );
// another example
openWindow( 'window_div_test', 'The Window Title', 250, 500, true, true, true );

Closing Windows

// with parameters
hideWindow ( id );
// another example
hideWindow ( 'window_div_test' );

Showing Windows

// with parameters
showWindow ( id );
// another example
changeDialogSize ( 'window_div_test' );

Resizing Windows

// with parameters
changeDialogSize ( dialog, h, w );
// another example
changeDialogSize ( 'window_div_test', 500, 750 );

Common Button Styling

Using any tag such as below will automatically turn it into a jQuery UI button.

<button>Add</button>

If you desire more options, some classes are defined to give any button its associating icon.

Ensure that the "loadButtonStyling" function is loaded when the page loads to accomplish this.

$( document ).ready(function() {
    loadButtonStyling();
});

In the example below, a plus jQuery UI icon matching your theme is shown next to "Add".

<button class="addButton">Add</button>

Here is a full list of classes included:

#Auto Load Functionality

This will implement automation of styling (see above), datepicker (see below), and auto input focus automatically on page load.

$( document ).ready(function() {
    loadWindow();
});

The Datepicker

The following class is needed on an to initialize the datePicker on load.

<input type="text" class="datePicker" value="" />

Input Auto Focus

Add the following data attribute to the input tag to automatically start the cursor there.

<input type="text" data-input-focus="true" value="" />