Click here to Skip to main content
16,018,294 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
See more:
Currently there are lot of tab panels(20) inside my tab container. As a result once i run the site, a horrizontal scrollbar apears on the webpage.
Is there a way to shift the remaining tabs to next line so that no scroll bar appears?
Posted

Use this in css:


.ajax__tab_default .ajax__tab_header /* this makes the tabs wrap*/
{
white-space: normal!important;
}
 
Share this answer
 
Comments
[no name] 9-Dec-11 8:50am    
Yes. This does work satisfactorily. Thanks
RaisKazi 27-Jul-12 17:18pm    
My 5!
I believe there must be an option to have fix width of the tab container. Thus on addition of new panels it would not grow. Try that.
 
Share this answer
 
I tried setting Tab container's Width to some value but it just sets the width of the tab panel not the actual container. Any other suggestion?
 
Share this answer
 
.ajax__tab_default .ajax__tab_header /* this makes the tabs wrap*/
{
white-space: normal!important;
}


It is working fine. but the problem is it looks weird if the tab line comes to the next line.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900