Config

<script type="text/javascript">
    var modal = new ax5.ui.modal();
    var toast = new ax5.ui.toast();

    toast.setConfig({
        theme: "primary",
        containerPosition: "top-right",
        zIndex: 3000
    });

    function modalCallBack() {
        modal.close();
    }

    $(document.body).ready(function () {

        $('#modal-open').click(function () {
            modal.open({
                width: 700,
                height: 500,
                position: {
                    left: "center",
                    top: 10
                },
                iframe: {
                    method: "get",
                    url: "modal-iframe-content.html",
                    param: "callBack=modalCallBack"
                },
                closeToEsc: false,
                animateTime: 250,
                onStateChanged: function () {

                },
                zIndex: 100
            }, function () {
                toast.push("modal opened");
            });
        });

    });
</script>

Config

width
width of modal
height
height of modal
position
position of modal {left: "left|center|right|Number", top: "top|middle|bottom|Number", margin: "Number"}
iframe
Object that defines the modal body as "iframe" {method:"get|post", url:"String", param:"paramString|Object"}
closeToEsc
Whether to close the "ESC" key modal window
animateTime
Modal window animation of time required at the time of opening and closing, must be the same as the value of time, which is defined in the CSS. The default is 250
onStateChanged
Event function that occurs when a modal window state is changed
zIndex
CSS z-index Depth

AX5UI Package

'AX5UI' can be used with Bootstrap theme. The development of the distribution of the various UI plug-in. When you click the link to move to AX5UI index page.

Get AXBoot

AXBoot makes it easy to build web applications with Java & HTML5 Repeatable and noise development process are resolved by AXBoot.

Code licensed: MIT
Mantained by: Thomas Jang, Brant and Team AXISJ
Templete design by: Jorwrney Kim
Copyright: Opensource Group AXISJ - www.axisj.com
DNS: DNSEver