search

akserg / ng2-toasty

Angular2 Toasty component shows growl-style alerts and messages for your app.
MIT License
283 stars 102 forks source link

Change Position of Toast #14

Closed Ckearns1210 closed 8 years ago

Ckearns1210 commented 8 years ago

I see you have the css for different positions, but it isn't an option I can pass to toast options?

codyjdalton commented 8 years ago

@Ckearns1210 Has this issue been resolved?

Ckearns1210 commented 8 years ago

@codyjdalton it is not clear from the documentation, but you can change the position of the toast as follows:
`

`
akserg commented 8 years ago

Or via ToastyConfig:

bootstrap(HelloApp, [ ROUTER_PROVIDERS, FORM_PROVIDERS, provide(LocationStrategy, { useClass: HashLocationStrategy }), ToastyService, ToastyConfig, provide(ToastyConfig, {useFactory: () => { return () => { let cfg = new Engine(); // bottom-right, bottom-left, top-right, top-left, top-center, bottom-center cfg.position = 'top-right'; return cfg; } }}) ]) .catch(err => console.error(err));

rodhoward commented 7 years ago

Hi, I have a use case where I would like warnings to be front and centre but general info and wait notices to be bottom-left. It doesn't seem to update the location once its set. Ideally this could be configured per toast? Or is there a way to have two Toasty services running one top one bottom?

Cheers Rod

akserg commented 7 years ago

Hi Rod, I have a similar feature request. Please have a look here https://github.com/akserg/ng2-toasty/issues/58