Tags

,

I actually found the answer but it took a lot of digging on the net. It’s from Nazar Rizvi’s blog

http://www.narizvi.com/blog/post/Two-rows-of-tab-headers-in-TabContainer-in-Ajax-Control-Toolkit.aspx

You have to go into the Tab.css and change the “.ajax__tab_default .ajax__tab_header {}” line. Then the Tab headers will wrap.

If you don’t wan to re-compile the code, just do

tag at the top:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”;>

then:
style type=”text/css”
.ajax__tab_xp .ajax__tab_header {white-space:normal;}
/style>

and:

ajaxToolkit:TabContainer runat=”server” ID=”GIListTabs” Width=”100%” CssClass=”ajax__tab_xp”

Advertisements