【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/​​​