举个栗子！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 到了吗？赶快试试看吧！

下一期，再会~

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

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

举个栗子~Tableau 技巧（209）：用自定义形状实现刻度环形图
实际分析场景中,数据粉对美总是很执着,如何让分析占比的环形图,看着更漂亮点?比如给环形图增加刻度. 虽然数据分析还是应以实用为主,但既然 Tableau 是为美而生,那我们就试试看吧~ 这里,为大家分 ...
举个栗子~Tableau 技巧（216）：服务器视图中的文字乱码怎么办？
的确,很多 Tableau Server 用户都会遇到相同的问题:创建好的看板发布到服务器之后,因为服务器缺少看板使用的字体,发布后的服务器视图中的文字会出现乱码(如下图). 其实,安装字体跟 Tab ...
举个栗子~Tableau 技巧（237）：用多节点瀑布图分阶段查看数据
瀑布图(下图)既能反映数据的多少,又能直观的反映出数据的增减变化.早期的栗子,我们分享过瀑布图的实现方法. 如果将瀑布图用在一些项目进度分析中,要阶段性查看当前的数据情况,就得在瀑布图中增加一些节 ...
举个栗子~Tableau 技巧（206）：定时执行 Prep 处理流程
实际业务场景中,分析用户经常需要周期性使用 Prep,按照相同的规则来处理相同来源的数据.如果每次都重复创建数据处理流程,不仅费时费力,还很容易出现错漏.为什么不将流程保存下来,设置好时间让它自动执行 ...
举个栗子~Tableau 技巧（223）：Prep 调用 Python 提取数据中的地址和经纬度
用 Tableau 做地图分析时,需要数据源中有标准的地理名称字段,或有准确的经纬度数据.但如果数据源中这两种情况都不满足,只有大概的地址信息,该怎么办呢? 这是个普遍存在的问题,需要解决:如何从不太 ...
举个栗子~Tableau 技巧（234）：实现山峰柱形图
看腻了普通的柱形图,可以试试 3D 效果的圆柱图,或带烟花的锥状柱形图.又或者,类似山峰形状的柱形图(如下图),也可以让你的仪表板耳目一新. 如何在 Tableau 实现山峰柱形图呢?今天的栗子分享 ...
举个栗子~Tableau 技巧（241）：用 Python 脚本提取文本内容中的关键词
经常有数据粉反馈:在处理文本内容的时候,是否有快速提取内容关键词的方法呢? 方法有的,可以试试 Python.这里,我们来分享:如何在 Tableau 中利用 Python 脚本从文本内容提取关键词. ...
举个栗子~Tableau 技巧（248）：使用参数和轴实现图表坐标轴的缩放
实际业务分析场景中,使用折线图来呈现业绩趋势分析时候,经常会遇到这样问题:某一段时间的业绩数值波动范围较小,折线图趋于平缓(如下图),很难判断业绩的波动差异,也很难一眼看出哪个时间业绩最好,哪个时间业 ...
举个栗子~Tableau 技巧（215）：简化实现雷达图（Radar Chart）
雷达图(Radar Chart)是<举个栗子>早期分享过的高阶图表之一,但是对于初中级水平的分析用户来说,想实现雷达图就会明显感到有难度. 那么,雷达图有没有相对简化一些的实现方法呢?试试 ...

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

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

最新文章

热门文章