Code Monkey home page Code Monkey logo

Comments (2)

MwSpaceLLC avatar MwSpaceLLC commented on May 28, 2024

ok, ho risolto dasolo anche se ho pagato 70 € per questa dashboard!
in un file (js/components/vendor/notify.js) ho messo :

(function ($) {
    $.noty = function (type = null, title, message) {

        let t = (type) ? type : 'info';
        let i = 'fas fa-info-circle';
        switch (t) {
            case 'danger':
                i = 'far fa-times-circle';
                break;
            case 'success':
                i = 'far fa-check-circle';
                break;
        }
        $.notify({
            icon: i,
            title: title,
            message: message,
            url: ''
        }, {
            element: 'body',
            type: t,
            allow_dismiss: true,
            placement: {
                from: 'top',
                align: 'center'
            },
            offset: {
                x: 15, // Keep this as default
                y: 15 // Unless there'll be alignment issues as this value is targeted in CSS
            },
            spacing: 10,
            z_index: 1080,
            delay: 2500,
            timer: 25000,
            url_target: '_blank',
            mouse_over: false,
            animate: {
                // enter: animIn,
                // exit: animOut
                enter: "animated fadeInUp",
                exit: "animated fadeOut"
            },
            template: '<div data-notify="container" class="alert alert-dismissible alert-{0} alert-notify" role="alert">' +
            '<span class="alert-icon" data-notify="icon"></span> ' +
            '<div class="alert-text"</div> ' +
            '<span class="alert-title" data-notify="title">{1}</span> ' +
            '<span data-notify="message">{2}</span>' +
            '</div>' +
            // '<div class="progress" data-notify="progressbar">' +
            // '<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
            // '</div>' +
            // '<a href="{3}" target="{4}" data-notify="url"></a>' +
            '<button type="button" class="close" data-notify="dismiss" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
            '</div>'
        });
    };
}(jQuery));

E per utilizzarlo :

<script type="application/javascript">
    $.noty('danger','merda','sei troppo grasso!');
    $.noty('success','merda','sei troppo grasso!');
    $.noty('info','merda','sei troppo grasso!');
</script>

Risultato :

image

👎

from ct-argon-dashboard-pro.

rarestoma avatar rarestoma commented on May 28, 2024

Hi,
Thank you for the interest in our products and sorry for the late response.
Please check the official documentation(http://bootstrap-notify.remabledesigns.com/).
All the best,
Rares

from ct-argon-dashboard-pro.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.