Feature request: fully styleable notification box

[nstohler]

We use the component to display real time information notifications that don't really act as warning/info/error/... pop-ups. We had to change the CSS a bit to get the right colors and styling of the overall component, since we could not use the predefined icons and wanted to put some font awesome icons insted. An option to provide a custom template for the whole notification box would be great!

[AoDev]

@nstohler There is a templateUrl option. Isn't it what you are looking for?

[nstohler]

I tried using it, but it doesn't pick up my template: http://plnkr.co/edit/Fpxw7BRdbbQLqdnOYr22?p=preview

[alexcrack]

There is erro within you template

wusel
<div class="test">
    <h3 ng-show="title" ng-bind-html="title"></h3>
    <div class="message" ng-bind-html="message"></div>
</div>

wusel - is not a tag =)

I've fixed it and now it works! http://plnkr.co/edit/G6U3G8nkvVHnnkxkHx97?p=preview

[nstohler]

Thanks! Seems like I messed up my plunk!

So I try to get the pop up colored in some custom color by applying a css class while keeping the animation and everything else. But I still get a green top border. Any way to do this?

http://plnkr.co/edit/YDydmoOIfRPeaG364ZAt?p=preview (Error notification button, pop up should be fully black)

[alexcrack]

This is CSS problem. Not notification module. Just use "!important" attribute on you background. http://plnkr.co/edit/EMygpeHB2Y7U3FtkzvoB?p=preview

[nstohler]

Great! Thanks for all the help. I'm still new to web development, so not so sure what to check in what order (or what is possible and how)!

[AoDev]

@nstohler I'd recommend you to use the less file from the source. It's much easier to configure, especially if you use Bootstrap.