How to show toast in extjs at the top of the screen?

Question

By default Ext.toast shows messages at the bottom of the screen. However, this is not very practical because toast might not be visible when virtual keyboard is shown.

How can Ext.toast be configured to pops up at the top of the screen?

Answer 1

You can use aligment property:

Ext.toast({
    message: "Hallo Welt!",
    alignment: 'tc-tc',
    timeout: 2000
});

Aligment values are described here.