首页 > 编程语言 >界面控件DevExpress ASP.NET新主题——Office 365暗黑主题的应用

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

时间:2023-06-01 09:34:11浏览次数:53  
标签:控件 ASP DevExpress 主题 暗黑 NET

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线上公开课、中文教程资讯请上中文网获取

标签:控件,ASP,DevExpress,主题,暗黑,NET
From: https://www.cnblogs.com/AABBbaby/p/17447991.html

相关文章

  • 高性能 Go 的 6 个技巧 — Go 高级主题
    本文旨在讨论6个提示,这些提示可以帮助诊断和修复Go应用程序中的性能问题。基准测试:在Go中编写有效的基准测试对于了解代码性能至关重要。可以通过将文件命名为“_test.go”,并使用testing包的Benchmark函数来创建基准测试。以下是一个示例:funcfibonacci(nint)int{ ifn<=......
  • 常见控件交互方法
    点击方法element.click()输入操作element.send_keys('appium')设置元素的值element.set_value('appium')清除操作element.clear()是否可见element.is_displayed()返回True/False是否可用element.is_enabled()返回True/False是否被选中element.is_selected()返回True/Fal......
  • Metasploit(1)
    Metasploit是一个开源的渗透测试框架(平台),数据库为postgresql渗透流程:信息收集->漏洞探测->漏洞利用->权限提升->后门植入->痕迹清除systemctlstatuspostgresql#查看当前数据库状态systemctlstartpostgresql#开启数据库Metasploit的模块msfconsole#msf控制台msf......
  • 手机直播源码,android 轮播图(自定义组合控件)
    手机直播源码,android轮播图(自定义组合控件)1.项目gradle添加一下配置:  allprojects{ repositories{ ... maven{url'https://jitpack.io'} } } ​2.module中的gradle添加依赖:  dependencies{   implementation'com.github.truemi:SlideS......
  • aspnetcore最最简单的接口权限认证
    五月一眨眼就过去,就当凑个数吧。场景:一个小小的项目,需要一个后台,就展示几个列表,连用户表、角色表等都不需要设计。之前有写过identityserver4和jwt4的demo(exercisebook/IdentityServer4&Serilogatmain·liuzhixin405/exercisebook·GitHubexercisebook/授权/授权一/Jw......
  • OWASP移动应用安全测试指南中文版
    OWASP移动应用安全测试指南(MASTG)是OWASP移动应用安全(MAS)旗舰项目的一部分,是一本涵盖移动应用安全分析过程、技术和工具的综合手册,也是一套详尽的测试案例,用于验证OWASP移动应用安全验证标准(MASVS)中列出的要求,为完整和一致的安全测试提供一个基线。OWASPMASVS和MASTG得到了众多平......
  • 记录一次ScrollViewer控件 经过大量文本数据卡顿的原因
     在WPF中,CanContentScroll是ScrollViewer控件的一个附加属性,它控制滚动视图中的内容是否按项或像素来滚动。当CanContentScroll设置为false时,表示ScrollViewer控件使用逐像素的滚动方式,这意味着滚动视图中的内容会以像素为单位进行滚动。在这种情况下,如果您需要展示......
  • OWASP移动应用安全测试指南中文版
    OWASP移动应用安全测试指南(MASTG)是OWASP移动应用安全(MAS)旗舰项目的一部分,是一本涵盖移动应用安全分析过程、技术和工具的综合手册,也是一套详尽的测试案例,用于验证OWASP移动应用安全验证标准(MASVS)中列出的要求,为完整和一致的安全测试提供一个基线。OWASPMASVS和MASTG得到了众多平......
  • Typora - typora主题样式
      主题名称:github_harley.css(随便命名)效果:Mac风格的代码块、更舒适的引用块风格。css查看代码/*代码块主题*//*顶部*/.md-fences{/*color:#c5c8c6;*/background-color:#21252b;border-radius:5px;/*box-shadow:010px30px0rgb(0......
  • 直播app源码,常用控件:进度指示器
    直播app源码,常用控件:进度指示器LinearProgressIndicator是一个线性、条状的进度条 LinearProgressIndicator({ //value表示当前的进度,取值范围为[0,1];如果value为null时则指示器会执行一个循环动画(模糊进度);当value不为null时,指示器为一个具体进度的进度条。 doublevalue......