change the default style of the ajax tab

Question

Hi Friends I am using Ajax Tab in my application but i want to change the default style of the ajax tab. Is it possible? Please tell me as soon as possible. Thanks in Advance.

Manish Dwivedi · Answer

Hi U can change the default style of the ajax tab by applying the cssclass in the ajax tab container. in the following style cssclass is Tab_Theme. .Tab_Theme .ajax__tab_header { font-family : Helvetica Neue Arial Sans-Serif ; background : url(/Images/Tab/tab-line.png) repeat-x bottom ; height : 20PX ; font-size : 12px ; display : block ; } .Tab_Theme .ajax__tab_header .ajax__tab_outer { background : url(/Images/Tab/tab.png) no-repeat left top ; border-color : #222 ; color : #222 ; padding-left : 10px ; margin-right : 3px ; } .Tab_Theme .ajax__tab_header .ajax__tab_inner { background : url(/Images/Tab/tab.png) no-repeat right top ; border-color : #666 ; color : #0067CA ; font : bold 10pt verdana ; padding : 3px 10px 2px 0px ; } .Tab_Theme .ajax__tab_hover .ajax__tab_inner { color : #B80200 ; font : bold 10pt verdana ; } .Tab_Theme .ajax__tab_active .ajax__tab_outer { background : url(/Images/Tab/tab.png) no-repeat 0pt -40px ; border-bottom-color : #ffffff ; } .Tab_Theme .ajax__tab_active .ajax__tab_inner { background : url(/Images/Tab/tab.png) no-repeat right -40px ; color : #B80200 ; font : bold 10pt verdana ; border-color : #333 } .Tab_Theme .ajax__tab_body { font-family : verdanatahomahelvetica ; font-size : 10pt ; padding : 8px ; background-color : #ffffff ; border : solid 1px #d7d7d7 ; border-top-width : 0 ; } Happy Coding!!

Paresh Sharma · Answer

Thanks Manish for your reply. It's working.