1. #1
    Sencha User
    Join Date
    Jan 2008
    Posts
    32
    Vote Rating
    0
    Gil Hananya is on a distinguished road

      0  

    Default Answered: Using Ext window and RTL support

    Answered: Using Ext window and RTL support


    Hi All,

    I have an Ext window which i need to be with direction RTL.
    I have set the bodyStyle of the window with 'direction:rtl' and it worked for most ot the window items except for text fields with labels.
    The label is still at the left of the text field and not at the right as i want it to be.
    Is there something i'm missing?

    Thanks,

  2. Official support in ExtJS for RTL was due in 4.1 but has been pushed back.

    RTL is difficult and I don't claim to be an expert. I think I've got it working but I have no idea if this is the correct way to do it.

    Code:
    .win-rtl {
        direction: rtl;
    }
    
    .win-rtl .x-form-item-label {
        float: right;
    }
    Code:
    new Ext.window.Window({
        cls: 'win-rtl',
        height: 300,
        width: 300,
        items: [
            {xtype: 'textfield', fieldLabel: 'Label'}
        ]
    }).show();
    If that doesn't work for you could you post some of your code? Make sure you wrap it in code tags (# button on the editor toolbar).

  3. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,593
    Answers
    541
    Vote Rating
    324
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Official support in ExtJS for RTL was due in 4.1 but has been pushed back.

    RTL is difficult and I don't claim to be an expert. I think I've got it working but I have no idea if this is the correct way to do it.

    Code:
    .win-rtl {
        direction: rtl;
    }
    
    .win-rtl .x-form-item-label {
        float: right;
    }
    Code:
    new Ext.window.Window({
        cls: 'win-rtl',
        height: 300,
        width: 300,
        items: [
            {xtype: 'textfield', fieldLabel: 'Label'}
        ]
    }).show();
    If that doesn't work for you could you post some of your code? Make sure you wrap it in code tags (# button on the editor toolbar).

Thread Participants: 1