2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

界面控件DevExpress ASP.NET新主题——Office 365暗黑主题的应用

来源:   发布时间:2023-05-31   浏览:611次

DevExpress ASP.NET Web Forms Controls拥有针对Web表单(包括报表)的110+种UI控件,DevExpress ASP.NET MVC Extensions是服务器端MVC扩展或客户端控件,由轻量级JavaScript小部件提供支持的70+个高性能DevExpress ASP.NET Core Controls,包含功能完善的报表平台。

在之前发布的v22.1版本中,DevExpress ASP.NET控件包含了一个全新的Office 365暗黑主题。

DevExpress ASP.NET暗黑主题图集

Google、YouTube、Facebook、Twitter等许多公司都开始意识到暗黑主题的好处,并在他们的应用程序中引入了暗黑模式功能,《福布斯》杂志的艾玛·伦恩认为,黑暗主题可以:

  • 潜在地减少眼睛疲劳和在弱光条件下眼睛干涩
  • 少用电量,手机电池续航时间更长
  • 一些专家说,暗模式可以帮助那些对光敏感或有视觉障碍的人
  • 手机发出的“蓝光”会更少,如果你在睡觉前使用手机,蓝光会让你睡不着

DevExpress ASP.NET v22.2正式版下载

DevExpress技术交流群8:523159565      欢迎一起进群讨论

如何使用新主题?

在设计时,您可以将Theme Name 属性设置为Web中的主题名称,配置文件的主题配置部分:

<devExpress>
<themes enableThemesAssembly="true" styleSheetTheme="" theme="Office365Dark"/>
...
</devExpress>

在运行时,将ASPxWebControl.GlobalTheme设置为主题名称:

protected void Application_PreRequestHandlerExecute(object sender, EventArgs e) {
DevExpress.Web.ASPxWebControl.GlobalTheme = "Office365Dark";
}

与其他主题不同,Office365Dark可以自动更改页面的背景颜色。当您将主题应用于以下内容时,此主题会影响网页的背景颜色:

  • 一个特定的页面( DevExpress或ASP. NET机制)。
  • 整个网站(DevExpress 或 ASP. NET 机制),注意主题不会影响没有DevExpress控件的页面。

您可以为Office365Dark主题定义页面的背景颜色,要做到这一点,使用下面的CSS选择器组合的示例:

.dxTheme-Office365Dark > body {
background-color: white;
}
Demo

测试一下新的黑暗主题访问ASP. NET控件的demo,点击右上方的设置图标,选择“Office 365暗”选项:

DevExpress ASP.NET暗黑主题图集

更多DevExpress线上公开课、中文教程资讯请上中文网获取

DevExpress企业定制服务
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/3817.html

相关产品: DevExpress Universal Subscription,

扫码咨询
电话咨询
023-68661681
返回
顶部