Change Position of Toast

[Ckearns1210]

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

[codyjdalton]

@Ckearns1210 Has this issue been resolved?

[Ckearns1210]

@codyjdalton it is not clear from the documentation, but you can change the position of the toast as follows:
<ng2-toasty position="top-right"></ng2-toasty>

[akserg]

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]

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]

Hi Rod,
I have a similar feature request. Please have a look here #58