举个栗子！Tableau 技巧（107）：如何自定义 Server 登录页背景

不少 Tableau 企业用户咨询：Tableau Server 登录页面的背景可以自定义吗？我们想换一个符合我公司风格的背景。

其实，Tableau Server 登录页面的背景是可以自定义的（如下图），只是方法有点特别。

今天，我们来分享：如何自定义 Server 登录页背景，让你的登录页面更个性！

本期《举个栗子》，阿达要给大家分享的 Tableau 技巧是：如何自定义 Server 登录页背景。

具体步骤如下：

1、准备背景图片

根据主要屏幕的分辨率（例如 1920*1080 ），准备一张背景图片。这里，图片文件的大小建议不超过 100 k。我们将栗子需要的背景图片，名称修改为：login-bg.jpg。

2、复制图片到目录

将背景图片复制到 Tableau Server 安装目录中。注意：不同版本的产品，复制路径略有不同。

Windows-------------------------------
如果安装在D盘，目录：
【2018.1 及以下版本】
D:\ProgramFiles\Tableau\Tableau Server\版本\vizportalclient\public\img

【2018.2 及以上版本】
D:\Program Files\Tableau\Tableau Server\packages\vizportalclient.版本\public\img

Linux-------------------------------------
目录：
【2018.1 及以下版本】
/opt/tableau/tableau_server/packages/vizportalclient.版本/public/img

【2018.2 及以上版本】
/opt/tableau/tableau_server/packages/vizportalclient.版本/public

3、编辑文件

接着，我们编辑文件：

【2018.1及以下版本】
vizportalclient\public\vizportal.css

【2018.2及以上版本】
packages\vizportalclient.版本\public\vizportal.css

Windows----------------------------------

用 Notepad++打开

Linux---------------------------------------

用 vi 打开

定位到 .tb-app-inner，在里面增加：
background: url(img/login-bg.jpg) no-repeat fixed;
background-size:100% 100%;
最终结果如下：
.tb-app-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: url(img/login-bg.jpg) no-repeat fixed;
background-size: 100% 100%;
}

4、压缩文件

压缩修改后的 vizportal.css 文件，
生成 vizportal.css.gz。

Windows----------------------------------------

使用 7z 压缩，软件下载地址：
https://www.7-zip.org/

Linux-------------------------------------------

执行命令：
tar -czf vizportal.css.gz vizportal.css

5、重启浏览器

最后，清除浏览器缓存，关闭再重新打开浏览器。

再次访问 Tableau Server ，可以看到：登录页面已变成我们想要的背景了。

Tips

为方便学习，栗子使用了静态图片自定义 Server 登录页背景。如果你希望背景效果更炫酷，可以尝试使用动图（ Gif 格式）哦！

本期的 Tableau 技巧，你 Get 到了吗？赶快试试看吧！

下一期，再会~

文章部分信息来源于网络，如有侵权请告知