Basic Toast

Toast UI will tell the system message will automatically disappear after a certain period of time.

<script type="text/javascript">
    $(document.body).ready(function () {
        var toast = new ax5.ui.toast({
            containerPosition: "top-right",
            onStateChanged: function(){
                console.log(this);
            }
        });

        $('#toast-push').click(function () {
            toast.push('Toast message', function () {
                // close toast
                console.log(this);
            });
        });
    });
</script>

containerPosition

using the containerPosition attribute, you can set the output position of toast.

top-left : Toast pops out from the upper left corner of the web page.
top-right : Toast pops out from the upper right corner of the web page.
bottom-left : Toast pops out from the bottom left of the web page.
bottom-right : Toast will pop out at the bottom right of the web page.

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