PDA

View Full Version : [CLOSED] Group Tab Panel or vertical tab panel with horizontal text



Zdenek
May 30, 2016, 10:01 AM
Hello

I'm little confused what happened with GroupTabPanel component

in fact I do not probabble even need the "grouping" feature of that panel, all I want is vertical tabs that displays text horizontally

something similar to the

http://examples1.ext.net/#/TabPanel/GroupTabPanel/Overview/

(and I like that selected tab is white while the other blue)

What is recomended strategy to achieve that?

Thanks

Zdenek

fabricio.murta
May 30, 2016, 8:52 PM
Hello @Zdenek!

Yes, the GroupedTabs component is broken since Ext.NET 3 and the example was suppressed from Examples Explorer. We have issue #548 (https://github.com/extnet/Ext.NET/issues/548) logged to track this issue. Please follow the issue and or this forum thread: GroupTabPanel Example (http://forums.ext.net/showthread.php?51151) for updates on the issue.

Well, but the good news is you can pretty much make it work if you use this approach in tab panels:



<ext:TabPanel runat="server" Width="300" Height="300" TabPosition="Left">
<TabBarConfig runat="server" TabRotation="0" />
<Items>
<ext:Panel runat="server" Title="Hello" Html="World"></ext:Panel>
<ext:Panel runat="server" Title="Hello1" Html="World3"></ext:Panel>
<ext:Panel runat="server" Title="Hello2" Html="World2"></ext:Panel>
<ext:Panel runat="server" Title="Hello3" Html="World1"></ext:Panel>
</Items>
</ext:TabPanel>


I hope this helps!

Zdenek
May 31, 2016, 7:18 AM
Ok thanks

Is it possible to make selection tab "white" - as it is on example I send?

fabricio.murta
May 31, 2016, 4:52 PM
Hello!

Yes it is, just by changing the CSS properties of the element of the selected tab. To me, using the Triton theme, the selected tab is already white. You probably want to override the CSS definition for the .x-tab-default.x-tab-active.x-tab class/selector.