1. #1
    Sencha User
    Join Date
    Jun 2013
    Posts
    2
    Vote Rating
    1
    waqasyousuf is on a distinguished road

      1  

    Default Unanswered: Ex JS Grid Tab Button Navigation for Arabic Pages

    Unanswered: Ex JS Grid Tab Button Navigation for Arabic Pages


    In my application i am using localization, the languages are english and arabic, at english pages the grid tab button navigation is working fine, it's moving left to right but at arabic pages its work like same as english pages, i need tab button navigation right to left at arabic pages. Is there any solution?

    For further clearification you may look into the images.

    For english which is working fine. EN.JPG

    For arabic, need a solution to tab button navigation direction
    AR.JPG

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,011
    Answers
    384
    Vote Rating
    183
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Are you setting up the app similar to the RTL example here?
    http://docs.sencha.com/extjs/4.2.1/e...s/rtl/rtl.html

    I edited the example in the 4.2.1 SDK download to use the cell selection model and cell editing and it seemed to work ok for me as expected.
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  3. #3
    Sencha User
    Join Date
    Jun 2013
    Posts
    2
    Vote Rating
    1
    waqasyousuf is on a distinguished road

      0  

    Default


    Thanks to reply, Yes I have looked into the Grid rtl example and what I found that used 'Ext.container.Viewport', and set its rtl property to true, but in my case I am using Ext.grid.Panel and i have already set its rtl value true, but it does not work in my case. Can its possible I can do that with Ext.grid.Panel?

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,011
    Answers
    384
    Vote Rating
    183
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    It should work ok. I tried with the below example and it worked ok for me:

    Code:
    <html>
    <head>
    	<link rel='stylesheet' type='text/css' href='http://cdn.sencha.com/ext/commercial/4.2.1/resources/css/ext-all-neptune-rtl-debug.css'/>
    	<script type='text/javascript' src='http://cdn.sencha.com/ext/commercial/4.2.1/ext-all-rtl.js'></script>
    
    
    	<script tyle='text/javascript'>
    		Ext.Loader.setConfig({
    		    enabled        : true,
    		    disableCaching : false
    		});
    
    
    
    
    		Ext.application({
    		    name: 'Test',
    		    launch: function () {
    		    	
    
    
    		    	Ext.create('Ext.data.Store', {
    				    storeId:'simpsonsStore',
    				    fields:['name', 'email', 'phone'],
    				    data:{'items':[
    				        {"name":"Lisa", "email":"lisa@simpsons.com", "phone":"555-111-1224"},
    				        {"name":"Bart", "email":"bart@simpsons.com", "phone":"555-222-1234"},
    				        {"name":"Homer", "email":"home@simpsons.com", "phone":"555-222-1244"},
    				        {"name":"Marge", "email":"marge@simpsons.com", "phone":"555-222-1254"}
    				    ]},
    				    proxy: {
    				        type: 'memory',
    				        reader: {
    				            type: 'json',
    				            root: 'items'
    				        }
    				    }
    				});
    
    
    				Ext.create('Ext.grid.Panel', {
    					rtl: true,
    				    title: 'Simpsons',
    				    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    				    columns: [
    				        {header: 'Name',  dataIndex: 'name', editor: 'textfield'},
    				        {header: 'Email', dataIndex: 'email', flex:1,
    				            editor: {
    				                xtype: 'textfield',
    				                allowBlank: false
    				            }
    				        },
    				        {header: 'Phone', dataIndex: 'phone'}
    				    ],
    				    selType: 'cellmodel',
    				    plugins: [
    				        Ext.create('Ext.grid.plugin.CellEditing', {
    				            clicksToEdit: 1
    				        })
    				    ],
    				    height: 200,
    				    width: 400,
    				    renderTo: Ext.getBody()
    				});
    
    
    
    
    		    }
    		});
    	</script>
    </head>
    
    
    <body></body>
    </html>
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

Thread Participants: 1