Geeks With Blogs
Bunch's Blog One day I'll have a catchy subtitle, one day

This was done using ASP.NET 3.5 in VS 2008.

I had an application that I was using an Ajax TabContainer and TabPanels. The tabs looked great but I had wanted to change the background color of the tab body to a standard color my company uses. I took the default /*XP Theme*/ styles from Tabs.css and put them in my own CSS file. On the TabContainer I set the CssClass=”tabBackground” (tabBackground was the name I gave the class in my CSS file). I changed the background-color in .ajax_tab_body and everything looked good.

At least until I made this page a content page pointing back to a Master page. At that point I would lose all the styles and while the tabs worked they did not look good, at all. To fix this problem I added Theme folder to the project (Right click the project in Solution Explorer and select Add ASP.NET folder/Theme). I then added a MainTheme folder under the new App_Themes and copied my CSS file to MainTheme. I also copied over the various GIFs from the AjaxControlToolkit/Tabs folder to the images folder under MainTheme. In the @Page directive of the content page I added EnableTheming=”true” and StylesheetTheme=”MainTheme”. Once that was set it pointed back to the CSS and my styles were back to normal.

Technorati Tags: ,


Posted on Monday, April 21, 2008 2:58 PM Ajax | Back to top

Comments on this post: CSS, Themes, Master Pages and Ajax Tabs

# re: CSS, Themes, Master Pages and Ajax Tabs
Requesting Gravatar...
This post you made so long ago helped me out today big time. Thanks!
Left by Chuck on Feb 16, 2011 6:30 PM

Your comment:
 (will show your gravatar)

Copyright © Bunch | Powered by: