In ext.net, how do I align a tabpanel button to the right?

Question

I would like to align the button of the right, but keep the content tabs on the left. This is my code:

<ext:TabPanel ID="TabPanel1" runat="server" Height="295" Plain="true" DeferredRender="false" meta:resourcekey="TabPanel1Resource1">
       <TabBar>
          <ext:Button runat="server" Icon="ArrowOut" meta:resourcekey="fullscreenResource1">
             <DirectEvents>
                  <Click OnEvent="edit_fullOpenAdd" />
             </DirectEvents>
          </ext:Button>
        </TabBar>
        <Defaults>
           <ext:Parameter Name="autoScroll" Value="true" Mode="Raw" />
        </Defaults>
           <Items>
               ......the content ......
           </Items>
</ext:TabPanel>

Any Ideas?

Thank you!

Edit: I was told to try tabCls: 'right-tab', but I do not know how to implement this.

Please clarify do you want it to be aligned on the left vertically? Or you still need it at the top and horizontally? — Daniil Veriga
@DaniilVeriga i would like it top right, vertically aligned with the other tabs. In other words, i have my tabs on the left, then a space, then my button on the complete right. — starvator

Boris Gappov Boris Gappov · Accepted Answer · 2014-09-26T11:49:26

Use TabStrip control. Please see this example: http://examples.ext.net/#/TabPanel/TabStrip/Overview/

enter image description here

In ext.net, how do I align a tabpanel button to the right?

1 Answers