ActiveReports 18 新特性-设计器查看器:可定制UI

AR18支持了系统主题的设置。我们可以自定义的设置自己的主题风格。并且我们内置了几种可选的主题供用户直接选择和切换。具体实现如下:

可以通过右下角的主题切换器来快速切换主题风格:



当然，我们也可以在设计器初始化的时候对他进行控制是否可见:

1. <script>
   
2. const designer = GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   
3.      themes: { picker: { enabled: false }
   
4. });
   
5. < /script>

复制代码

我们也可以控制他的可选值和默认值:

1. <script>
   
2. const designer = GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
   
3.       themes: { default: 'defaultDark',list: ['default','defaultDark']}
   
4. });
   
5. < /script>

复制代码

当然，我们也可以自定义主题。自定义属性的



具体可以参考如下Demo: