Two rows of tab headers in TabContainer in Ajax Control Toolkit

For anyone using the ASP.NET AJAX Control Toolkit and wanting to make the TabContainer wrap their tags, here's a post that will detail how to make this happen. Currently, the default behavior of the TabContainer does not wrap the tabs once you have too many of them.

I followed the steps in the link and it worked for me.

/* default layout */.ajax__tab_default .ajax__tab_header {}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

Two rows of tab headers in TabContainer in Ajax Control Toolkit

Published Monday, March 17, 2008 8:19 PM by jocelyn