Кнопки панели инструментов ExtJS 5 не выравниваются вправо, когда RTL является истинным

Question

Previsouly в моем приложении ExtJS 4, когда я создал панель инструментов и установил rtl в true, кнопки панели инструментов выровнены вправо (значок руки является первым)

Теперь я попытался сделать то же самое с ExtJS 5, но случается, что порядок значков остается LTR Althought его определяется как RTL:

Это код Я использовал для определения ine панель:

Ext.define('GIS.view.Map', { 
extend: 'GeoExt.MapPanel', 
region: 'center', 
xtype: 'map', 
title: 'map', 
rtl: true, 
controller: 'mapcontroller', 
map: map, 
stateful: false, 
border: true, 
tbar: [ 
    { 
     xtype: 'buttongroup', 
     title: 'ניווט', 
     enableOverflow: true, 
     defaults: { 
      scale: 'large', 
      hideText: true 
     }, 
     items: [ 
      { 
       iconCls: 'pan48', 
       handler: 'onPan' 
      }, 
      { 
       iconCls: 'zoomin48',      
       handler: 'onZoomIn' 
      }, 
      { 
       iconCls: 'zoomout48',      
       handler: 'onZoomOut' 
      } 
     ] 
    } 
], 
initComponent: function() { 
    this.callParent(arguments); 
} 

});

Любая идея, почему внутренний порядок значков не меняется?

Answer 1

Проблема решена вручную путем добавления к CSS:

.x-rtl { 
direction: rtl; 

}