AZ Full Window

Default settings

new AZFullWindow(
{
azFullWindowStyle: "flat",
azFullWindowId: "",
azFullWindowTitle: "",
azFullWindowText: "",
azFullWindowiFrameURL: "",
azFullWindowPosition: "bottom",
azFullWindowFadeIn: 400,
azFullWindowFadeOut: 400,
azFullWindowHeight: 100%,
azFullWindowTitlebar: false,
azFullWindowTitlebarClose: true,
azFullWindowBackgroundColor: "",
azFullWindowColor: ""
});

Init AZFullWindow

There are two ways to initiate the AZFullWindow. The way you choose is important for further use of the function.

1. new AZFullWindow();
The function is initiated but you do not assign the function to a variable. This means that you can not directly interact with the function.

2. var AZFullWindow = new AZFullWindow();
The function is initiated and assigned to a variable. This means you can use the variable in relation to further interaction with the function.

Whatever approach you choose, you can use the following three features (Events):

azFullWindowBeforeOpen
azFullWindowAfterOpen
azFullWindowAfterClose

azFullWindowStyle Type: String Default: "flat" Values:"rounded-top" or "rounded-bottom" or "flat"
You can also add shadow to all three values above.

azFullWindowId Type: String Default: ""

azFullWindowTitle Type: String Default: "" Values: Text or HTML

azFullWindowText Type: String Default: "" Values: Text or HTML

azFullWindowiFrameURL Type: String Default: ""

azFullWindowPosition Type: String Default: "bottom" Values: bottom or top

azFullWindowFadeIn Type: Integer Default: 400 Unit: milliseconds

azFullWindowFadeOut Type: Integer Default: 400 Unit: milliseconds

azFullWindowHeight Type: Integer Default: 100% Unit: pixel

azFullWindowTitlebar Type: Boolean Default: true Values: true or false
By changing the values to false, you have the option to hide the entire title bar.

azFullWindowTitlebarClose Type: Boolean Default: true Values: true or false
By changing the values to false, you have the option to hide the close button (X) in the right part of the title bar.

azFullWindowBackgroundColor Type: Color Hex Default: ""
See also CSS #az-full-window

azFullWindowColor Type: Color Hex Default: ""
See also CSS #az-full-window

functionlib/azFullWindowBeforeOpen Type: Function

$.subscribeonce("functionlib/azFullWindowBeforeOpen", function (e, data)
{
data.azFullWindowId
});

This function is triggered before AZFullWindow is fully initiated.

functionlib/azFullWindowAfterOpen Type: Function

$.subscribeonce("functionlib/azFullWindowAfterOpen", function (e, data)
{
data.$Window - i.fn.init[]
data.$Close - i.fn.init[]
data.azFullWindowId
data.azFullWindowClose - ƒ ()
});

This function is triggered when AZFullWindow is fully initiated.

functionlib/azFullWindowAfterClose Type: Function

$.subscribeonce("functionlib/azFullWindowAfterClose", function (e, data)
{
data.azFullWindowId
});

This function is triggered after AZFullWindow is closed.

AZ Full Window CSS

AZ Full Window has some CSS that you can find here: fullwindow.css