Angularjs-toaster always displays toast notification on top-right

Question

I have this sample html file. Here I am using angular-toast notification. Issue I am facing here is toast messages always appear on the top-right position.

script.js file contains

    angular.module('main', ['ngAnimate', 'toaster']).controller('myController', function($scope,toaster, $window) {

        $scope.pop = function(){
            toaster.pop('success', "title", 'message');
        };

        $scope.clear = function(){
            toaster.clear();
        };
    });

Please find the plunker link http://plnkr.co/edit/pzuW5OVkoxLF7zl0mGaC?p=preview

Thanks in advance

score 11 · Accepted Answer · edited Sep 19 '16 at 06:01

11

In your options you want: position-class, not positionClass.

edited Sep 19 '16 at 06:01

Noman

1,459
2
18
38

answered Dec 19 '14 at 12:26

Matt M

3,699
5
48
76

Thanks alot..I took the reference of demo file of toaster and copied the same. Result it dint work..Thanks once again for saving my day :) – ng-R Dec 19 '14 at 12:42

score 4 · Answer 2 · answered Dec 21 '15 at 22:35

4

I've added the below code for completeness:

<toaster-container toaster-options="{'time-out': 3000, 'position-class': 'toast-bottom-left', 'close-button':true, 'animation-class': 'toast-bottom-left'}"></toaster-container>

answered Dec 21 '15 at 22:35

Arran549

172
9

score 2 · Answer 3 · edited Dec 22 '14 at 11:47

2

Modify it to:

'position-class': 'toast-bottom-right','close-button':true

edited Dec 22 '14 at 11:47

glglgl

89,107
13
149
217

answered Dec 22 '14 at 10:50

code

61
4

Angularjs-toaster always displays toast notification on top-right

3 Answers3