SF - 自定义Login的页面

最新推荐文章于 2024-06-04 13:04:19 发布

Ng_666

最新推荐文章于 2024-06-04 13:04:19 发布

阅读量610

点赞数

分类专栏： Salesforce

本文链接：https://blog.csdn.net/Ng_HE_CSDN/article/details/94726720

版权

Salesforce 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

每次登陆salesforce的时候，总是看到CRM#No.1之类的图片，总觉得缺少些什么。
偶然看到有的公司会自定义化自己的Login页面。遂研究了一下

setup>My Domain
前提是先自定义自己公司login页面的域名。
参见trailhead:

https://trailhead.salesforce.com/en/content/learn/modules/identity_login/identity_login_my_domain

如下图中：
Logo File： 是显示在登陆form上面的公司Logo，
Right frame URL： 可以上传一个图片的URL(注意必须https开头)，可以链接任意外部图片source, 看有的人也会把图片上传至chatter中，然后分享chatter图片为外部链接。
当然另外顾名思义，frame URL 也可以把你们公司的网址粘进来，这样就是很好的品牌化软件了。

在这里插入图片描述
最佳实践：
首先很遗憾，上传的图片并不支持自适应。
上传的图片，我给的900px,700px在小屏幕上面显示效果很好，但是拖屏到大屏上面之后，图片就只显示在右半部分的左上角，不太好看。公司的美工其实完全可以在此基础上进行设计。可以设计一个比较大的图片，小屏幕上的时候显示左上角，等拖到到屏幕上的时候，展示出来整张图片。

在这里插入图片描述
Update 2019/12/01
如果是Right frame URL里面输入的是公司的网址，需要你们公司的网址是自适应的页面效果才好。
当然这里也可以用下面的方法，写一个HTML的页面，页面中只显示一张图片，页面同时自适应。
参考代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Fix Coffee</title>
	<style>
		   body { 
		     background: url(./coffee.jpg) no-repeat center center fixed; 
		     -webkit-background-size: cover;
		     -moz-background-size: cover;
		     -o-background-size: cover;
		     background-size: cover;
		   }
	</style>
</head>
<body>
</body>
</html>

Reference:

https://automationchampion.com/2013/10/16/branding-your-salesforce-login-page/
https://mydomain-sample.herokuapp.com/

Ng_666

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SF - 自定义Login的页面

每次登陆salesforce的时候，总是看到CRM#No.1之类的图片，总觉得缺少些什么。偶然看到有的公司会自定义化自己的Login页面。遂研究了一下setup>My Domain前提是先自定义自己公司login页面的域名。参见trailhead:https://trailhead.salesforce.com/en/content/learn/modules/identit...
复制链接

扫一扫

专栏目录