Results 1 to 2 of 2

Thread: Using Ext window and RTL support

  1. #1
    Sencha User
    Join Date
    Jan 2008
    Posts
    32
    Vote Rating
    0
      0  

    Default 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,790
    Answers
    583
    Vote Rating
    390
      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).

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •