Modal Align

<script type="text/javascript">
    $(document.body).ready(function () {
        var mask = new ax5.ui.mask();
        var modal = new ax5.ui.modal();
        modal.setConfig({
            onStateChanged: function () {

            }
        });

        $('#modal-open').click(function () {
            modal.open({}, function () {

                var btn = jQuery(
                    '<button class="btn btn-primary" type="button">' +
                    'Modal Close</button>')
                    .click(function () {
                        modal.close();
                    });

                var btnAlignLeft = jQuery(
                    '<button class="btn btn-default" type="button">' +
                    'Align Left</button>')
                    .click(function () {
                        modal.align({left:"left", top:"top"});
                    });

                var btnAlignRight = jQuery(
                    '<button class="btn btn-default" type="button">' +
                    'Align Right</button>')
                    .click(function () {
                        modal.align({left:"right", top:"bottom"});
                    });
                var btnAlignCenter = jQuery(
                    '<button class="btn btn-default" type="button">' +
                    'Align Center</button>')
                    .click(function () {
                        modal.align({left:"center", top:"middle"});
                    });

                this.$["body-frame"]
                    .css({padding: 50})
                    .append(btn)
                    .append('<hr/>')
                    .append(btnAlignLeft)
                    .append(btnAlignRight)
                    .append(btnAlignCenter);

            });
        });

    });
</script>