重新審視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為核心的各類解決方案，可幫助結局設備故障、產品質量、營銷管理等各方面的企業問題，點擊咨詢獲取案例。