About the style of AjaxControlToolkit

The technical articles of the tutorial (www.bkjia.com) have always been reproduced and have never been created by others. finally, I met AjaxControlToolkit and read a lot of articles. The project was so tight that I had to spend half a day studying it...

First, let's look at the structure of Ajax TabContainer:

Reference content is as follows: <Div class = "ajax _ tab_xp ajax _ tab_container ajax _ tab_default"> <Div class = "ajax _ tab_header" id = "XXX"> <Span class = "ajax _ tab_active" id = "XXX"> <Span class = "ajax _ tab_outer"> <Span class = "ajax _ tab_inner"> <Span class = "ajax _ tab_tab" idXXX "> comprehensive news </span> </Span> </Span> </Span> </Div> </Div>

This is the structure in html.

In fact, the principle is very simple. You can write a style based on each class. There are many examples on the Internet that will not be written. but it is very important that the first <div class = "ajax _ tab_xp"> here, "ajax _ tab_xp" must be renamed, otherwise the system will not load custom styles. the reason is unknown. Set CssClass = "Temp _ tab_xp" in the properties of the TabContainer control. The custom style is displayed.