behrang/extjs-mirror

RTL support for Sencha Ext JS Framework

extjs-mirror's Issues

Toolbar overflow

Check toolbar overflows.

Any documentation?

Hi,
It would be great to write a short documentation about how to use your package. Can you gimm'e a clue on how to use your hack? Do I have to overwrite anything?

Splitters not working

Splitter in Feed Viewer example is not working.

desktop example firefox bug

Hi all
Do you test the desktop example in firefox ?.
I use firefox 13 and when I want to open a window (Grid window for example) It appear out of view and also I can't move window on X axis it is movable only in Y axis direction. when I maximize the window it will fill the view port correctly, but when I minimize it, a wrong animation will played.

The masters please have a check on this issue.

Thanks in advance for your attention

getXY error

Hi Behrang, thanks for the files.

I added a reference at index.html file after adding the files to the project.
But I'm getting an error and my select field isn't working.

Error data:
Uncaught TypeError: Cannot set property 'getXY' of undefined ext-mirror.js:178
(anonymous function) ext-mirror.js:178
Ext.apply.onDocumentReady sencha-touch.js:9565
Ext.apply.onReady.fn sencha-touch.js:7972
Ext.apply.triggerReady sencha-touch.js:7953
(anonymous function) sencha-touch.js:3181
Ext.apply.refreshQueue sencha-touch.js:7539
Ext.apply.onFileLoaded sencha-touch.js:7863
(anonymous function) sencha-touch.js:3181
Ext.apply.injectScriptElement.onLoadFn sencha-touch.js:7558

After trying to click the select field:
Uncaught TypeError: Object [object Object] has no method 'addUnits' ext-mirror.js:41
Ext.onReady.Ext.override.setLeft ext-mirror.js:41
Ext.define.doSetLeft Component.js:1418
(anonymous function) Evented.js:42
Base.implement.initConfig sencha-touch.js:4663
Ext.define.constructor Component.js:929
Base.implement.callParent sencha-touch.js:4521
Ext.define.override.constructor Component.js:2478
Ext.apply.create.Class sencha-touch.js:4916
(anonymous function)
Ext.ClassManager.instantiate sencha-touch.js:6388
Ext.apply.factory sencha-touch.js:9344
Ext.define.applyModal Container.js:401
Ext.apply.generateSetter.setter sencha-touch.js:5189
Base.implement.initConfig sencha-touch.js:4663
Ext.define.constructor Component.js:929
Base.implement.callParent sencha-touch.js:4521
Ext.define.override.constructor Component.js:2478
Base.implement.callParent sencha-touch.js:4521
Ext.define.constructor Container.js:349
Base.implement.callParent sencha-touch.js:4521
override.constructor Container.js:1485
Ext.apply.create.Class sencha-touch.js:4916
(anonymous function)
Ext.ClassManager.instantiate sencha-touch.js:6388
(anonymous function) sencha-touch.js:3195
Ext.define.getTabletPicker Select.js:272
Ext.define.showPicker Select.js:338
Ext.define.onMaskTap Select.js:300
Ext.define.doFire Controller.js:197
Ext.define.fire Controller.js:124
Ext.define.doDispatchEvent Dispatcher.js:341
Ext.define.dispatchEvent Dispatcher.js:322
Ext.define.doFireEvent Observable.js:235
Ext.define.fireAction Observable.js:224
Ext.define.onMaskTap Input.js:582
Ext.define.doFire Controller.js:197
Ext.define.fire Controller.js:124
Ext.define.doDispatchEvent Dispatcher.js:341
Ext.define.dispatch Publisher.js:65
Base.implement.callParent sencha-touch.js:4521
Ext.define.dispatch Dom.js:252
Ext.define.doPublish Dom.js:294
Ext.define.publish Dom.js:259
Base.implement.callParent sencha-touch.js:4521
Ext.define.publish TouchGesture.js:225
Ext.define.onRecognized TouchGesture.js:209
Ext.define.fire Recognizer.js:58
Ext.define.onTouchEnd Tap.js:60
Ext.define.invokeRecognizers TouchGesture.js:275
Ext.define.onTouchEnd TouchGesture.js:424
override.processEvent TouchGesture.js:496
Ext.define.onEvent TouchGesture.js:102
Base.implement.callParent sencha-touch.js:4521
override.onEvent TouchGesture.js:492
(anonymous function) sencha-touch.js:3128

error in line of #389

line of #389 have an error.please check that
renderTpl[7] = renderTpl[7].replace('left', 'right');

disable Extjs-mirror

Hi
Is it possible to disable mirror and RTL in a window or Panel?
if Yes then
How?

if No then
Can you add this ability to Extjs-mirror?

Thanks in advance for your attention.

window position problem

i detected some bugs in window position for FireFox 16.0.1 and IE 7 and Opera 12

BUG: wrong mirrored datefield calendar icon.

There are wrong datefield calendar icons!
Screenshot: http://www.sendspace.com/file/e2rmxl

BUG: there are wrong arrors in the paging toolbar.

There are wrong errors in the paging toolbar component (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.toolbar.Paging).

Screenshot here: http://www.sendspace.com/file/mnjg3p

Window after MessageBox go to blank screen on firefox 18

create a MessageBox:
Ext.MessageBox.confirm('','');
Press OK or CANCEL

create a Window:
Ext.create('Ext.Window').show();

the screen is turn white and the window is align to the left.

Date field trigger should be mirrored

Bug: Toolbar with dock: "left".

I have some problems with a next component:

{
xtype: panel,
dockedItems: [
    {
        xtype: 'toolbar',
        dock: left,
        items: [ /*some buttons*/ ]
    }
]
}

After "mirror": the toolbar is layout on the right side of a panel (it's correct) but a panel stay on its old place (don't shift to the left) (it's not correct ).
Browser: Google Chome, Version 22.0.1229.94.

Bug: Focused numberfields is wrong

Focused numberfields has wrong pictures on buttons.
Screenshot: http://www.sendspace.com/file/6d8ugu

BUG: tree's dotted lines should be mirrored.

There is bug with dotted lines (from folder to subfolders of items/leafs) at the Tree component. Its should be mirrored. Screenshot: http://www.sendspace.com/file/tyrl0q

Collaboration request

Dear Behrang. we need to consult on ExtJs in a software project.

please email me on [email protected]

Best Regards.
Mahdi Fathi

Incorrect labelAlign in forms

labelAlign doesn't work as expected, when you set it left it labels go right.

Bug: shifted Ext.window.MessageBox shadow.

Shadow of the Ext.window.MessageBox is shifted to the right-side of screen.
Screenshot: http://www.sendspace.com/file/u7o93i

ExtJS 4.1.1, Google Chrome Version 22.0.1229.94.

Label align to right is not working

RTL support for chart points' mouse hover

Follow these steps:

1. Create a page of ExtJS
2. Add extjs-mirror to the page (to make it RTL)
3. Add a chart (preferably a line chart)
4. Now move your mouse over chart points

You should see that by moving your mouse to the right, points to the left get hovered. In other words, seems that ExtJS calculates the mouse movement (but in RTL direction), and dispatches hover event to chart points.

Shadow Position

there are Shadow position error > when uses mirror css file the shadow of (Dropbox and any dropdown field and button ) show in incorrect position coud u pleas cave me ur opinion ?

Bug: Drag'n'drop.

Bug according with drag'n'drop tooltip. Tooltip's position is shifted on the right-side of screen and don't follow cursor as correct is.

Shadow Align Bug

hi
when i use from extjs4 componnet with you project,Align of shadow contol dont fix with control.
then i have to set shadow to false
plz check it