ASP.NET AJAX Tabs 控件 样式控制
来源:互联网 发布:知乎 开发者 编辑:程序博客网 时间:2024/04/30 13:16
ASPX
注意事项:
1、tab控件在UpdatePanel中时,如果tab在页面初始时不显示,则会出现小BUG
<toolkit:TabContainer CssClass="ajax__tab_Default" runat="server" ID="Tabs">
<toolkit:TabPanel EnableTheming="false" runat="Server" Width="300px" ID="phlInfo">
<HeaderTemplate>
<span class="btnNormal">Panel1</span>
</HeaderTemplate>
<ContentTemplate>
Content
</ContentTemplate>
</toolkit:TabPanel>
<toolkit:TabPanel runat="Server" ID="phlFlowLog">
<HeaderTemplate>
<span class="btnNormal">panel2</span>
</HeaderTemplate>
<ContentTemplate>
Panel2
</ContentTemplate>
</toolkit:TabPanel>
<toolkit:TabPanel runat="Server" ID="phlFlowFigure">
<HeaderTemplate>
<span class="btnNormal">Panel3</span>
</HeaderTemplate>
<ContentTemplate>
panel3
</ContentTemplate>
</toolkit:TabPanel>
</toolkit:TabContainer>
CSS:<toolkit:TabPanel EnableTheming="false" runat="Server" Width="300px" ID="phlInfo">
<HeaderTemplate>
<span class="btnNormal">Panel1</span>
</HeaderTemplate>
<ContentTemplate>
Content
</ContentTemplate>
</toolkit:TabPanel>
<toolkit:TabPanel runat="Server" ID="phlFlowLog">
<HeaderTemplate>
<span class="btnNormal">panel2</span>
</HeaderTemplate>
<ContentTemplate>
Panel2
</ContentTemplate>
</toolkit:TabPanel>
<toolkit:TabPanel runat="Server" ID="phlFlowFigure">
<HeaderTemplate>
<span class="btnNormal">Panel3</span>
</HeaderTemplate>
<ContentTemplate>
panel3
</ContentTemplate>
</toolkit:TabPanel>
</toolkit:TabContainer>
.ajax__tab_Default .ajax__tab_header
{
padding:12px 0 0 0px;
height: 20px;
background:#EDEDED url(Icons/TabLine.gif) repeat-x bottom;
}
.ajax__tab_Default .ajax__tab_outer
{
}
.ajax__tab_Default .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_tab
{
margin-left:10px;
text-align: center;
padding: 5px 5px 3px 10px;
font-size: 12px;
width:100px;
cursor:pointer;
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_outer ,.ajax__tab_Default .ajax__tab_active .ajax__tab_outer
{
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_inner ,.ajax__tab_Default .ajax__tab_active .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab , .ajax__tab_Default .ajax__tab_hover .ajax__tab_tab
{
margin-left:10px;
text-align: center;
padding: 5px 5px 3px 10px;
font-size: 12px;
border: solid 1px #9FACB5;
background-color:#fff;
cursor:pointer;
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab
{
border-bottom: solid 1px #FFF;
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_tab span , .ajax__tab_Default .ajax__tab_active .ajax__tab_tab span
{
color: #B82400;
}
.ajax__tab_Default .ajax__tab_body
{
}
{
padding:12px 0 0 0px;
height: 20px;
background:#EDEDED url(Icons/TabLine.gif) repeat-x bottom;
}
.ajax__tab_Default .ajax__tab_outer
{
}
.ajax__tab_Default .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_tab
{
margin-left:10px;
text-align: center;
padding: 5px 5px 3px 10px;
font-size: 12px;
width:100px;
cursor:pointer;
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_outer ,.ajax__tab_Default .ajax__tab_active .ajax__tab_outer
{
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_inner ,.ajax__tab_Default .ajax__tab_active .ajax__tab_inner
{
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab , .ajax__tab_Default .ajax__tab_hover .ajax__tab_tab
{
margin-left:10px;
text-align: center;
padding: 5px 5px 3px 10px;
font-size: 12px;
border: solid 1px #9FACB5;
background-color:#fff;
cursor:pointer;
}
.ajax__tab_Default .ajax__tab_active .ajax__tab_tab
{
border-bottom: solid 1px #FFF;
}
.ajax__tab_Default .ajax__tab_hover .ajax__tab_tab span , .ajax__tab_Default .ajax__tab_active .ajax__tab_tab span
{
color: #B82400;
}
.ajax__tab_Default .ajax__tab_body
{
}
注意事项:
1、tab控件在UpdatePanel中时,如果tab在页面初始时不显示,则会出现小BUG
- ASP.NET AJAX Tabs 控件 样式控制
- asp.net ajax技术Tabs控件
- AJAX控件Tabs
- asp.net ajax--相关控件
- Asp.net中的AJAX控件
- asp.net ajax 控件演示!
- asp.net ajax 控件演示
- ASP.NET AJAX常用控件
- 使用ASP.NET直接控制CSS样式
- asp.net menu 控件样式 范例横向
- ajax(atlas)之选项卡控件tabs
- 我的ASP.NET AJAX控件——PopupNotificationExtender:实现OWA或Messenger样式的信息提示窗口
- 我的ASP.NET AJAX控件——PopupNotificationExtender:实现OWA或Messenger样式的信息提示窗口
- 我的ASP.NET AJAX控件——PopupNotificationExtender:实现OWA或Messenger样式的信息提示窗口
- ASP.NET AJAX 学习之一 ScriptManager控件
- ASP.NET AJAX 控件开发基础
- ASP.NET AJAX控件之-AutoComplete
- ASP.NET Ajax Toolkit使用ModalPopupExtender控件
- Asp.Net 2.0的默认提交按钮
- 刘德画的BLOG
- All begins here
- 我的博客
- HibernateTemplate使用笔记
- ASP.NET AJAX Tabs 控件 样式控制
- 在LINUX下配置JAVA开发环境
- SQL Server开发人员应聘常被问的问题
- C++--如何在Dialog和View中显示梯度背景颜色
- websphere 不使用httpServer 来实在 输入IP地址,自动转向应用
- 无法复制iisapp.vbs或staxmem.dll文件,需要sp1光盘,
- XSLT轻松入门
- Java、Java Applet与 JavaScript间的通信
- NAND闪存深入解析