本帖最后由 KarenGao 于 2024-5-22 08:41 编辑
AR18支持了系统主题的设置。我们可以自定义的设置自己的主题风格。并且我们内置了几种可选的主题供用户直接选择和切换。具体实现如下:
可以通过右下角的主题切换器来快速切换主题风格:
当然,我们也可以在设计器初始化的时候对他进行控制是否可见:
- <script>
- const designer = GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
- themes: { picker: { enabled: false }
- });
- < /script>
复制代码 我们也可以控制他的可选值和默认值:
- <script>
- const designer = GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
- themes: { default: 'defaultDark',list: ['default','defaultDark']}
- });
- < /script>
复制代码 当然,我们也可以自定义主题。自定义属性的
具体可以参考如下Demo:
|