logo Qlik中文手册(持续更新) 我也要发布文档

重新审视Qlik Sense和CSS


之前我们发布了一篇关于在Qlik Sense中使用CSS的文章,重点是扩展开发。 如果您正在制作主题,那么其中的很多内容可能都很符合你。但是Qlik Sense客户端中的一些最新更改很重要,需要了解。

点击下载Qlik


内联样式


Qlik Sense现在使用更多的内联样式。标头就是一个例子,标头现在的样式如下:

element.style {
    font-size: 1.15385em;
    font-family: "QlikView Sans", sans-serif;
    color: rgb(128, 128, 128);
    padding-right: 0px;
    padding-left: 0px;
}
这是因为您现在可以实际为某些内置图表设置标题颜色等。 在可能的情况下,您会在属性面板的“演示”下找到“样式”按钮,该按钮为您提供了一些新的选择:

根据此处的设置,Qlik Sense将创建一个内联样式。 即使您没有此部分(看起来好像没有文档,如果您找到任何文档,也请告诉我),Qlik Sense仍将创建内联样式。 由于它是一种内联样式,因此,如果要覆盖它,无论是在主题中还是在扩展名中,都需要使用!important,如下所示:

 .qv-object-qlik-variable-input  .qv-object-title {

   color:red !important;

}

隐藏展开按钮


一个常见的要求是您要禁用某些对象的最大化功能。 虽然将图表或表格扩展为整页通常是一个好功能,但对于许多扩展(例如按钮)或大多数文本对象来说,却毫无意义。 以前曾经可以使用某些CSS来实现,但是由于HTML结构的更改不再可行。 但是在最新版本中,“外观/常规”下有一个新标记,可让您禁用悬停菜单:

这几乎是相同的,尽管不完全相同:

  • 悬停菜单中的所有内容都将消失

  • 取而代之的是,您可以使用上下文(右键单击)菜单,该菜单中的所有内容仍然可用,因此您仍可以使按钮全屏显示


推荐阅读:

Qlik产品更新连载>>

Qlik使用教程连载>>

除了以上教程资源,我们还有以Qlik为核心的各类解决方案,可帮助结局设备故障、产品质量、营销管理等各方面的企业问题,点击咨询在线客服>>获取案例。