重新審視Qlik Sense和CSS
之前我們發(fā)布了一篇關(guān)于在Qlik Sense中使用CSS的文章,重點(diǎn)是擴(kuò)展開發(fā)。 如果您正在制作主題,那么其中的很多內(nèi)容可能都很符合你。但是Qlik Sense客戶端中的一些最新更改很重要,需要了解。
內(nèi)聯(lián)樣式
Qlik Sense現(xiàn)在使用更多的內(nèi)聯(lián)樣式。標(biāo)頭就是一個(gè)例子,標(biāo)頭現(xiàn)在的樣式如下:
element.style { font-size: 1.15385em; font-family: "QlikView Sans", sans-serif; color: rgb(128, 128, 128); padding-right: 0px; padding-left: 0px; }這是因?yàn)槟F(xiàn)在可以實(shí)際為某些內(nèi)置圖表設(shè)置標(biāo)題顏色等。 在可能的情況下,您會(huì)在屬性面板的“演示”下找到“樣式”按鈕,該按鈕為您提供了一些新的選擇:
根據(jù)此處的設(shè)置,Qlik Sense將創(chuàng)建一個(gè)內(nèi)聯(lián)樣式。 即使您沒有此部分(看起來好像沒有文檔,如果您找到任何文檔,也請告訴我),Qlik Sense仍將創(chuàng)建內(nèi)聯(lián)樣式。 由于它是一種內(nèi)聯(lián)樣式,因此,如果要覆蓋它,無論是在主題中還是在擴(kuò)展名中,都需要使用!important,如下所示:
.qv-object-qlik-variable-input .qv-object-title { color:red !important; }
隱藏展開按鈕
一個(gè)常見的要求是您要禁用某些對象的最大化功能。 雖然將圖表或表格擴(kuò)展為整頁通常是一個(gè)好功能,但對于許多擴(kuò)展(例如按鈕)或大多數(shù)文本對象來說,卻毫無意義。 以前曾經(jīng)可以使用某些CSS來實(shí)現(xiàn),但是由于HTML結(jié)構(gòu)的更改不再可行。 但是在最新版本中,“外觀/常規(guī)”下有一個(gè)新標(biāo)記,可讓您禁用懸停菜單:
這幾乎是相同的,盡管不完全相同:
-
懸停菜單中的所有內(nèi)容都將消失
-
取而代之的是,您可以使用上下文(右鍵單擊)菜單,該菜單中的所有內(nèi)容仍然可用,因此您仍可以使按鈕全屏顯示
推薦閱讀:
除了以上教程資源,我們還有以Qlik為核心的各類解決方案,可幫助結(jié)局設(shè)備故障、產(chǎn)品質(zhì)量、營銷管理等各方面的企業(yè)問題,點(diǎn)擊咨詢在線客服>>獲取案例。