Theming help

[xxRockOnxx]

Would like to ask help for a little bit of speed up. I would like to port this to Semantic UI but there's quite a lot to change. Can you help me give a little bit of lead? What changes to be made?

[mouse0270]

can you try something like this:

$.notify({
    icon: 'inbox',
    title: 'You must register before you can do that!',
    message: 'Visit our registration page, then try again'
},{
    type: 'warning',
    delay: 5000,
    template: '<div data-notify="container" class="ui stackable four column grid {0} message" role="alert">' +
        '<i data-notify="dismiss" class="close icon"></i>' +
        '<i data-notify="icon" class="icon"></i>' +
        '<div data-notify="title" class="header">{1}</div>' +
        '<span data-notify="message">{2}</span>' +
    '</div>'
});

This is a complete guess if this will work since I have never used Semantic UI and just did a bunch of reading up on it this past week. But it to my best understanding this should be a jumping off point. Let me know how this works.

[mouse0270]

@xxRockOnxx if you could take screen shots of any error messages or outputs of that code in Semantic UI it will be a nice point to help me fix any mistakes, right now I think their might be an issue with the gird which we could resolve with some css.

[xxRockOnxx]

I was actually hoping/expecting something more related to the source. I understand that this is a bootstrap-exclusive plugin and that theming was not your intention at the time of making (I guess) but I think that'll make the plugin more flexible. Something like, theme variables or stuffs like that.

Btw, I currently use noty which is a bit more flexible, temporarily.

https://github.com/needim/noty/

[mouse0270]

Though the name of the plugin references "Bootstrap" I don't think the plugin itself has any requirements to "Bootstrap" it was built to be used an any project, that was kinda the point of the templating part.

[siddiqdeveloper]

what are the js and css links i should use for that boostarb nodify