Sunday, March 11, 2012

Is it possible to use other javascript framework like dojo with asp.net ajax? Or any good

Yes with the Latest release of Asp.net Ajax it also possible to use other JavaScript libray such Prototype, JQuery etc along with it.


Yes with the Latest release of Asp.net Ajax it also possible to use other JavaScript libray such Prototype, JQuery, Dojo etc along with it. But make those other library does not conflict with each other.


Latest asp.net ajax is V1. Is it correct?

ydbn:

Latest asp.net ajax is V1. Is it correct?

Yes.

And I'd like to provide a small sample demonstrate how to customize the style of the tab control.

<style type="text/css">
.ajax__tab_xp2 .ajax__tab_header {
font-family:verdana,tahoma,helvetica;
font-size:21px;
background:
repeat-x
bottom;
}
.ajax__tab_xp2 .ajax__tab_outer {
border-style: solid double;
padding-right:4px;
background:
no-repeat
right;
height:21px;
}
.ajax__tab_xp2 .ajax__tab_inner {
padding-left:3px;
background:
no-repeat;
}
.ajax__tab_xp2 .ajax__tab_tab {
height: 100px;
padding:4px;
margin:0;
background:
repeat-x;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
background:
no-repeat
right;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {
background:
no-repeat;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
background:
repeat-x;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
background:
no-repeat
right;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
background:
no-repeat;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
background:
repeat-x;
}
.ajax__tab_xp2 .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; border-style:none; border-color:Green; border-bottom-style:none; border-left:none; border-right:none; border-top:none; }
}
</style>

<ajaxToolkit:TabContainer CssClass=".ajax__tab_xp2"OnClientActiveTabChanged="onChanged" ID="TabContainer1" runat="server" ActiveTabIndex="3" OnActiveTabChanged="TabContainer1_ActiveTabChanged" Width="246px" AutoPostBack="True">
<ajaxToolkit:TabPanel ID="p1" runat="server">

You may also refer to Tabs Theming section inthis documentation for more information.

Hope this helps.


Thanks very much.

However, I just want to change the color of the tab (the content and tab head) from white to another color. It sounds very hard to change the tab head. It sounds use a image of white and the image is hidden in some place.


You may customize it with the following:

.ajax__tab_xp2 .ajax__tab_header {

background-color: white;
}

No comments:

Post a Comment