TabPanel tabs start position

[aghanem]

Hi all,
I'm working with a right-to-left language.
What i want is to change the TabPanel control to open the tabs on the right (currently the tabs are being opened on the left of the Panel).

see this image :

[Ardarion]

Try this

<style type="text/css">
ul.x-tab-strip {
    width:auto;
}
ul.x-tab-strip li {
    float:right;
}
</style>

[aghanem]

Wow !
Thank you very much for the quick reply !

BTW, I suggest to add a new property for the TabPanel to support this on the fly .

[geoffrey.mcgill]

Hi*aghanem,

The fix posted above is a global change which will affect all TabPanels on the Page. We should be able to add a "TabAlign" property to the TabPanel which can be set on a per <ext:TabPanel> instance.*


Thanks for the suggestion.*

[geoffrey.mcgill]

Found this exact same request previously, see*http://forums.ext.net/showthread.php...2580-17-1.aspx

[geoffrey.mcgill]

I've added the TabAlign property to the <ext:TabPanel>

Example

<ext:TabPanel runat="server" Height="300" TabAlign="Right">
    <Tabs>
        <ext:Tab runat="server" Title="Tab 1" />
        <ext:Tab runat="server" Title="Tab 2" />
        <ext:Tab runat="server" Title="Tab 3" />
    </Tabs>
</ext:TabPanel>

The default value of the TabAlign property is 'Left'.

If TabAlign='Right', the Tabs will rendered in reverse order.

The TabAlign property has been committed to SVN and will be publicly available with the v0.8 release.

Hope this helps.