differnet image with each tabpanal

hi friends how can i place image with each tabpanal. likefirst tab,Secondtab...

thanks in advance.

I have not tried this, but I think you might be able to through the control's Theming of Tabs. Here's a good article on customizing the appearance of the Tabs.

http://blogs.visoftinc.com/archive/2007/09/26/ajax-control-toolkit-tab-control-themes.aspx

You could just add the IMG HTML to the HeaderText attribute of the TabPanel, for example:

HeaderText="<img alt='' width='10' height='10' style='margin-right:10px;' src='...ImagePath...'/>Tab 01"

-Damien

can we set the backgroundcolor or give background image when we mouse moves over the tabs.

thanks in advance.

can we set the backgroundcolor or give background image when mouse moves over the tabs.

thanks in advance.

This can be achieved by changing the.ajax__tab_hover css class

George .

.ajax__tab_xp.ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>)repeat-xbottom;}

.ajax__tab_xp.ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>)no-repeatright;height:21px;}

.ajax__tab_xp.ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>)no-repeat;}

.ajax__tab_xp.ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>)repeat-x;}

.ajax__tab_xp.ajax__tab_hover.ajax__tab_outer {background:url(~\images\bt-delete.gif)no-repeatright;}

.ajax__tab_xp.ajax__tab_hover.ajax__tab_inner {background:url(~\images\bt-delete.gif)no-repeat;}

.ajax__tab_xp.ajax__tab_hover.ajax__tab_tab {background:url(~\images\bt-delete.gif)repeat-x;}

.ajax__tab_xp.ajax__tab_active.ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>)no-repeatright;}

.ajax__tab_xp.ajax__tab_active.ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>)no-repeat;}

.ajax__tab_xp.ajax__tab_active.ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>)repeat-x;}

.ajax__tab_xp.ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1pxsolid#999999;border-top:0;padding:8px;background-color:#fff8dc;}

Check out my blog on theming the tabs, it should help you out:http://blogs.visoftinc.com/archive/2007/09/26/ajax-control-toolkit-tab-control-themes.aspx

-Damien

hi i got the Answer from the following blog few days before.

http://mattberseth.com/blog/2007/09/more_sample_ajaxcontroltoolkit.html

thanks.