devexpress中如何给TabPage控件的Tab定义背景色

时间:2023-02-02 07:33:40
js:

/*tab选项卡样式*/
.color .dxtc-link {
background-color: #bf4e6a !important;
}

后台代码:

//选项卡样式
protected void Page_Init(object sender, EventArgs e)
{
ASPxPageControl1.ActiveTabStyle.CssClass = "color";
}

//前台代码
<dx:ASPxPageControl ID="ASPxPageControl1" runat="server" Width="100%" Height="100%" ActiveTabIndex="">
<%--<TabStyle BackColor="#bf4e6a"></TabStyle>--%>
<ContentStyle>
<Border BorderWidth="0px"/>
</ContentStyle>
<TabPages>
<dx:TabPage Text="基本信息" TabStyle-ForeColor="Black" ActiveTabStyle-ForeColor="White" >
<ContentCollection>
<dx:ContentControl>
<table class="df_tablestyle">
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel2" Text="法人代表:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peoprincipal" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel3" Text="联系电话:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peophoneone" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel4" Text="管理用户:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_adminuser" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel5" Text="企业类型:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peetype" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel6" Text="开户银行:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peobank" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel7" Text="银行账号:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peobankaccount" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel8" Text="所在区域:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_peoarea" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel9" Text="经营范围:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="lb_scopbusiness" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td colspan="">
<%--<dx:ASPxLabel ID="ASPxLabel10" Text="企业说明:" runat="server"></dx:ASPxLabel>--%>
<dx:ASPxLabel ID="lb_providremark" runat="server"></dx:ASPxLabel>
</td> </tr>
</table>
</dx:ContentControl>
</ContentCollection>
</dx:TabPage> <dx:TabPage Text="客户联系人" TabStyle-ForeColor="Black" ActiveTabStyle-ForeColor="White">
<ContentCollection>
<dx:ContentControl>
<div class="row">
<div class="col-md-12">
<span style="font-size:16px; color:#bf4e6a;"><i class="glyphicon glyphicon-triangle-bottom"></i>&nbsp;&nbsp;法人代表详情</span>
<table class="df_tablestyle">
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel10" Text="法人代表:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peoprincipal1" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel12" Text="身份证号:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_user1cardno" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel14" Text="联系电话:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peophoneone1" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel16" Text="电子邮箱:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peoemail" runat="server"></dx:ASPxLabel>
</td>
</tr>
</table>
</div>
<div class="col-md-12"><hr /></div>
<div class="col-md-12">
<span style="font-size:16px; color:#bf4e6a;"><i class="glyphicon glyphicon-triangle-bottom"></i>&nbsp;&nbsp;责任人详情</span>
<table class="df_tablestyle">
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel18" Text="责&nbsp;任&nbsp;人&nbsp;:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peolinkman" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel20" Text="身份证号:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_user2cardno" runat="server"></dx:ASPxLabel>
</td>
</tr>
<tr class="df_tr">
<td>
<dx:ASPxLabel ID="ASPxLabel22" Text="联系电话:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peophonetwo" runat="server"></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="ASPxLabel24" Text="电子邮箱:" runat="server"></dx:ASPxLabel>
<dx:ASPxLabel ID="txt_peoemail2" runat="server"></dx:ASPxLabel>
</td>
</tr>
</table>
</div>
</div>
</dx:ContentControl>
</ContentCollection>
</dx:TabPage>
</TabPages>
</dx:ASPxPageControl>

devexpress中如何给TabPage控件的Tab定义背景色的更多相关文章

  1. devexpress中如何绑定ASPxTreeList控件

    效果图: //前端控件代码: <dx:ASPxTreeList ID="Tree_Gooslist" AutoGenerateColumns="False&quot ...

  2. 在Winform开发框架中使用DevExpress的TreeList和TreeListLookupEdit控件

    DevExpress提供的树形列表控件TreeList和树形下拉列表控件TreeListLookupEdit都是非常强大的一个控件,它和我们传统Winform的TreeView控件使用上有所不同,我一 ...

  3. Devexpress使用之:GridControl控件

    Devexpress使用之:GridControl控件 Devexpress系列控件功能很强大,使用起来也不太容易,我也是边摸索边使用,如果有时间我会把常用控件的使用方法整理出来的. using Sy ...

  4. DevExpress的下拉框控件ComboxBoxEdit怎样绑定键值对选项

    场景 DevExpress的下拉框控件ComboBoxEdit控件的使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1028 ...

  5. DevExpress的下拉框控件ComboBoxEdit控件的使用

    场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...

  6. WinForm&sol;Silverlight多线程编程中如何更新UI控件的值

    单线程的winfom程序中,设置一个控件的值是很easy的事情,直接 this.TextBox1.value = "Hello World!";就搞定了,但是如果在一个新线程中这么 ...

  7. HTML中禁用表单控件的两种方法readonly与disabled

    时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的,下面与大家分享下禁用表中控件的两种方法 在网页的制作过程中,我们会经常使用到表单.但是有时候我 ...

  8. Android中查找一个Layout中指定的子控件

    我们通常希望查找一个页面中指定类型的控件,单个控件知道id很容易找到,但是如果是多个呢?或者说是在程序中自定义的控件,且不知道id怎么办呢?如想找到页面中的Spinner,可用以下方法 /** * 从 ...

  9. VS中查看&sol;修改Dialog控件TAB顺序的方法

    打开资源视图,打开Dialog的编辑界面 查看: 格式>Tab键顺序 修改: 格式>Tab键顺序 用鼠标左键按你想要的顺序点击各个控件的TAB标签,就设定了 那些你想要TAB键能选择到的控 ...

随机推荐

  1. How to Develop blade and soul Skills

    How to Develop Skills Each skill can be improved for variation effects. Some will boost more strengt ...

  2. 《2016ThoughtWorks技术雷达峰会----js爆炸下的技术选型》

    JS爆炸下的技术选型  刘尚奇    ThoughtWorks, 高级咨询师 JS每6个星期出现一个新框架,那么如何进行JS的选型.以下从四个方面来分析. 1.工具 NPM for all the t ...

  3. MemberwiseClone和DeepClone

    文章转自:http://www.cnblogs.com/zhangji/archive/2011/02/23/1961897.html MemberwiseClone 方法创建一个浅表副本,具体来说就 ...

  4. Nginx HA 及https配置部署

    Nginx HA 整体方案架构为: (内网192.168.199.5) +-----------VIP----------+ | | | | Master Backup 192.168.199.90 ...

  5. linux page cache和buffer cache

    主要区别是,buffer cache缓存元信息,page cache缓存文件数据 buffer 与 cache 是作为磁盘文件缓存(磁盘高速缓存disk cache)来使用,主要目的提高文件系统系性能 ...

  6. 照着官方文档学习react

    笨人学习法 10000个小时策略来学习,因为笨.先照着官方文档敲一遍,写一遍. 准备 先要准备环境.搭建一个基于webpack的react环境:Hello ReactJS. demo: https:/ ...

  7. C&num;采用rabbitMQ搭建分布式日志系统

    网上对于java有很多开源的组件可以搭建分布式日志系统,我参考一些组件自己开发一套简单的分布式日志系 全部使用采用.NET进行开发,所用技术:MVC.EF.RabbitMq.MySql.Autofac ...

  8. Android Service详解

    service作为四大组件值得我们的更多的关注 在Android中,Activity主要负责前台页面的展示,Service主要负责需要长期运行的任务.例如,一个从service播放音乐的音乐播放器,应 ...

  9. 整理4种Vue组件通信方式

    整理4种Vue组件通信方式 重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明还是有一些简易,我自己第一遍是没看明白. 父子组件的通信 非父子组件的eventBus通信 ...

  10. python开发环境配置和python源码打包生成exe可执行文件

    Windows下开发环境准备 1.分别安装:python2和python32.安装Python的集成工具:Anaconda3.安装Pycharm Pycharm设置 设置: File->Sett ...