Extjs 4.2.1 Ext.Msg.show rtl not working

Question

In my index.html Im using

<script type="text/javascript" src="../ext-all-rtl.js></script>

Im trying to show msgbox using the attribute rtl:true likewise:

Ext.Msg.show({
    rtl: true,
    title: "...",
    msg: "...",
    buttons: Ext.MessageBox.OK,
    icon: Ext.MessageBox.Error,
    renderTo: Ext.getBody()
});

When the message shown the rtl isn't working and it shows the component ltr instead.

The other components such as windows, panels etc are working fine with the rtl attribute.

Is there something else needed for the MessageBox in order to use the rtl ability?

Answer 1

OK, probably I wasn't doing it right.

I passed the rtl:true parameter to the method show of the message box instead of defining the message box itself as rtl.

The answer for me was to create new message box supporting the rtl alignment likewise:

var message = Ext.create('Ext.window.MessageBox', {rtl: true});

And then I can just use it like this:

message.show({
    title: "...",
    msg: "...",
    buttons: Ext.MessageBox.OK,
    icon: Ext.MessageBox.Error,
});