Ext.define('Ext.rtl.layout.container.Column', { override: 'Ext.layout.container.Column', // Override to put the RTL class onto the innerCt so that columns can have a rule which switches float direction getRenderData: function () { var renderData = this.callParent(); if (this.owner.getInherited().rtl) { // If the owning Component is RTL direction, then ensure that the clearSide property // clears the correct edge. // Tall items would block it as below. // "Item 4" requires clear:right to begin at column zero (on the RIGHT side). // +------------------------------- + // |+--------+ +--------+ +--------+| // || | | | | || // || Item 3 | | Item 2 | | Item 1 || // |+--------+ +--------+ | || // | +--------+ | || // | | | +--------+| // | | Item 4 | | // | | | | // | +--------+ | // +--------------------------------+ this.clearSide = 'right'; renderData.innerCtCls = (renderData.innerCtCls || '') + ' ' + Ext.baseCSSPrefix + 'rtl'; } return renderData; }});