如何在Sencha Touch应用中实现自定义Toast？

Question

I am trying to custom a Toast in Sencha touch but instead of pop-up centered, a Toast appearing from the right side and fade out.. like "push-notification" style.

It is trivial to custom styles and other parameters but I did not find the correct way to implement this layout.

Here you can see a fiddle with a basic custom implementation:

https://fiddle.sencha.com/#fiddle/1a1v

Answer 1

Just saved over your fiddle, try this

Ext.toast({
    message:'Hello Sencha!',
    centered: false,
    width: 300,
    height: 50,
    top: 0,
    right: 10
});