views:

10

answers:

0

Hi

I've never used Ajax before and I'm new to web development generally, but I have a website for which the Tab Control would be helpful. I'm using Visual Studio 2010 Premium. I don't think a tab control comes with VS2010 (?) so I downloaded the Ajax toolkit from http://www.asp.net/ajaxlibrary/act.ashx. I extracted the zip then added the dll as a new Toolbox Tab.

I've added a ToolkitScriptManager and TabContainer to my page. My project is set to use .Net 4 as the target framework. I've then configured the Tab with the required panes. It works ok but the tab control is not able to resolve any of the CSS or images that it needs - therefore it is displayed as plain text. I understand that the CSS and images are embedded within the the AjaxControlToolkit.resources.dll file? I could download the source code for the toolkit and manually add the CSS and images to my project but I'm sure there must be a easier way to get the tab control working!

All I need to do is change the background colour of the tab match that of a sidebar div that it sits in. I have created the following css class:

.Tab .ajax__tab_default { background-color: #9999FF; }

I think that this should inherit all properties of the .ajax_tab_default class but override only the background-color? However what seems to happen is that the background color is applied but no other formatting. It's as if the .ajax_tab_default class cannot be resolved - event when I paste it into the same CSS file.

I'd be very grateful for any help.

Thanks

Rob.