【Tableau Server 企業日常問題 25】如何自定義 Tableau Server 登入頁面背景

前言

很多人會問道：既然Tableau Server是很多服務組成的，登入背景應該可以自定義吧，比如想更改html的标簽images等，确實原則上是可以的，隻要的前端代碼深厚，多研究研究server結構目錄。就可以換一下符合自己風格的背景。

其實，Tableau Server 登入頁面的背景是可以自定義的，方法也是和更改前端頁面html類似。

為了少走點兒彎路，這裡直接給大家引路了

适合Tableau server 版本2018.2以上版本

具體步驟

1.準備背景圖檔

根據主要螢幕的分辨率（例如 1920*1080 ），準備一張背景圖檔。我們将背景圖檔名稱修改為：login.jpg。

2.将背景圖檔複制到 Tableau Server 安裝目錄中。

如果安裝在D盤，目錄：

D:\Program Files\Tableau\Tableau Server\packages\vizportalclient.版本\public\img

可以看到還有個login.bak.jpg備用圖檔，如果後面需要切換的話直接替換login名稱就行。

如果是tableau server for linux的話

目錄： /opt/tableau/tableau_server/packages/vizportalclient.版本/public

3.接着，我們編輯檔案 vizportal.css：

目錄：C:\Program Files\Tableau\Tableau Server\packages\vizportalclient.20221.22.0328.2249\public

用記事本打開ctrl+f定位到 .tb-app-inner，在裡面增加：

background: url(img/login.jpg) no-repeat fixed; //背景，相對路徑img下的login.jpg圖檔，背景圖檔不重複
在水準方向靠近容器的右側
background-size:100% 100%;//背景圖檔會完全鋪滿整個盒子      

最終結果如下：

}
.tb-app-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background: url(img/login.jpg) no-repeat fixed;
  background-size: 100% 100%;

}      

4.壓縮修改後的 vizportal.css 檔案，生成 vizportal.css.gz,使用 7z 壓縮，軟體下載下傳位址：

​​​https://www.7-zip.org/​​​