Community Cloud零基础学习(四)Builder创建自定义的布局
前几篇讲了Community Cloud权限配置等信息,但是没有太讲过 Community如何进行配置layout,本篇主要描述使用Builder去进行符合需求的Community Layout的构建。
本篇以 Partner Central类型进行构建,其他类型的操作基本相同。主要根据几个地方去讲解:配置 Logo / 配置 Global Search / 配置 Menu & Menu Item / 配置 List & Detail页面。
我们切换到 Builder以后,可以将当前的页面进行6部分剖析。
- 可以快速的切换到 Lightning Set Up / Builder / Administration等区域;
- 显示 Page区域,此处展示标准的 Page以及自定义创建的 Page页面;
- 自定义Layout的模块,第一块代表components,用来展示标准的和自定义的components,可以将他们拖拽到layout中;第二块代表Theme,用来可以选择当前community适合的样式,设置logo,设置全局的font等信息;第三块代表strutcure,用来查看当前的页面的架构,点击不同的区域可以自动focus到对应的区域;第四块代表设置,用来设置当前的语言,community template等信息;
- global search 以及 user profile配置区域;
- menu & menu item区域;
- page layout的展示区域。
一. Theme 以及 Logo的配置
默认的Theme是 Partner Central,我们在创建 community可以设置需要的Theme,不同的Theme有着不同的效果展示。我们在上图中的区域3部分点击 Theme,点击 Change Theme即可切换想要的样式。demo中我们选择 CYPRESS。
接下来我们进行LOGO的修改,在第一张图的Theme部分点击image区域,点击company logo即可。更换完图片以后,我们选中logo区域便会弹出compact header的更改项,在layout区域可以调节 logo区域展示的大小以及可以调节背景色。除此之外,这个区域同样还可以修改global search的展示形式,是打开还是合起;点击右上角user的小图标,可以设置点击user以后显示的要展示的menu项。其他的设置还请自行查看。
二. 配置 Menu & Menu Item
类似Salesforce内部的tab,针对community同样提供了一个类似选项卡的内容,即 Menu。用来可以快速的跳转到某个表的列表页或者指定的page页。Meu针对不同的Theme会展示不同的UI,可以是类似launcher的样式,也可以是tab的样式。点击对应的menu,点击Edit Default Navigation,便会弹出来对应的modal,这时我们可以看到默认的menu的层级结构。menu最多可以做两层,menu & menu Item,通过menu type来进行区分,type为menu label代表是menu的上层目录,其他的类型代表是menu item。
menu type总共有以下几种:
- community page: 点击menu item后跳转到指定的page页;
- External URL:点击menu item后跳转到指定的外部的URL,比如https://www.baidu.com
- Global Action:跳转到指定的global action,比如点击 menu item跳转到新建Opportunity页面;
- Menu Label:代表当前的menu是一个上层menu
- Navigation Topic:显示相关的topic信息;
- Salesforce Object:点击menu item以后跳转到指定的sObject对应的list view页面,可以设置默认展示的list view视图的内容。
我们常用的有community page / External URL / Menu Label / Salesforce Object。创建menu item以后可以进行拖拽到指定位置即可。
当我们类型选择Type为 Salesforce Object以后,会发现 Object Type展示的sObject并不全面,这是因为此处只展示标准的sObject以及创建过sObject Tab的自定义的object,所以想要选择到我们需要的自定义的sObject,这里需要创建对应的tab才可以选择到,这个针对global search同样有限制,这里一概提到。
三. 配置符合自身需求的 List 和Detail 页面
Salesforce针对community的配置页提供了3个模板,针对record list便会跳转到record list这个页面,针对详情的record 便会跳转到 record detail展示配置在pagelayout里面的详情。
但是标准的template总是有限制,不同的表展示不同的列表或者不同的详情页都会有细微的区别,比如account list不允许进行filter,opportunity list不允许展示search。针对这种特殊的需求标准的template便会无法实现功能。所以如果针对community配置有类似的需求时,我们建议进行自定义Record List & Record Detail.Demo中以Account作为介绍,步骤如下:
1. New Page:我们在page区域点击 New Page,然后选择 Object Page;
搜索Account,然后选择Account Item点击Create,再下一个页面继续点击Create 即可;
这时当我们在page页面就会看到系统已经生成了Account的Detail/ List / Related List 三个page。这样生成的好处为当我们配置account list以后,系统会自动转发到account list页面而不是标准的record list从而实现了自定制。
2. 配置variations。我们在标准的页面开发时,可以针对不同的Profile设置不同的lightning app build page,从而实现不同的profile展示不同的布局,同样在community也可以进行类似的配置,在community我们可以针对同一个page设置不同的 variations然后再配置不同的人访问不同的variation最终实现不同的人显示不同的page layout。
以Account Detail为例,我们需要区分管理员和非管理员展示两个不同的 page layout,这时我们可以针对account detail这个page设置两个variations。点击account这个item的右边的三个点,然后在上面的tab切换到 page variations然后再右侧有 New Page Variation。我们点击这个即可创建类似lightning app builder中的new page效果。布局建议使用Flexible layout,更加灵活。
3. 配置Audience.通过上面的步骤我们已经创建好了两个Variations。那么如何去进行assign操作从而实现不同的人访问不同的variation对应的page layout呢?这个时候就需要配置Audience,下图中的几个小人的部分就是Audience,Audience用来配置符合条件的人的group的概念。点击New Audience按钮即可进行创建。
这里的Audience配置很灵活,我们可以根据 profile / permission set / location / user / 当前数据的某个字段 进行配置Audience,即满足特定条件的人就认为他们是一组,下图中我们设置的为Profile为System Admin的即为Admin Audience。按照以下步骤我们继续创建非Admin的Audience,这里不再重复。
Audience 和 Page Variation都准备就绪以后,我们对他们进行关联。在 Page Variation 点击小下标点击Assign按钮。
选中Admin Audience 以后点击Assign按钮会变成unassign下方会提示assign成功,按照同样步骤对Other 配置一下。
至此配置完成, profile为system admin的用户当访问一个account详情页会显示variation为for admin的页面,其他的profile的用户访问account详情会显示variation为for other的页面。
总结:篇中只是简单介绍针对community builder如何去创建符合需求的页面布局以及页面功能,篇中有错误地方欢迎指出,有不懂欢迎留言。
Community Cloud零基础学习(四)Builder创建自定义的布局的更多相关文章
- Salesforce Sales Cloud 零基础学习(四) Chatter
Chatter是一个Salesforce实时协作应用程序,它允许你的用户一起工作.互相交谈和共享信息,不管用户角色或位置如何,连接.并激励用户在整个组织内高效工作. Chatter 让用户们在 Opp ...
- 《零基础学习Python制作ArcGIS自定义工具》课程简介
Python for ArcGIS Python for ArcGIS是借助Python语言实现ArcGIS自动化行为的综合,它不止是如课程标题所述的“制作ArcGIS自定义工具”,还包括使用Pyth ...
- Community Cloud零基础学习(五)Topic(主题)管理
我们以前讲过 Service Cloud 零基础(三)Knowledge浅谈,我们日常可以看见很多得文章或者帖子,我们可以将其通过data category / group进行管理.但是一个系统中得文 ...
- salesforce lightning零基础学习(四) 事件(component events)简单介绍
lightning component基于事件驱动模型来处理用户界面的交互.这种事件驱动模型和js的事件驱动模型也很相似,可以简单的理解成四部分: 1.事件源:产生事件的地方,可以是页面中的输入框,按 ...
- Salesforce Sales Cloud 零基础学习(一) Product 和 Price Book
以前的博客大部分都是基于force.com以及lightning展开的自定义开发,其实salesforce提供了很多的标准的功能以及平台, Sales Cloud便是作为Salesforce核心的平台 ...
- Community Cloud零基础学习(一)启用以及简单配置
本篇参考: https://trailhead.salesforce.com/en/content/learn/trails/communities https://trailhead.salesfo ...
- Community Cloud零基础学习(三)Partner Account
本篇参考:http://salesforce.vidyard.com/watch/bLE3QNRSej2iasw9vvc6Tk http://salesforce.vidyard.com/watch/ ...
- Service Cloud零基础学习(二)Entitlement & MileStone
https://trailhead.salesforce.com/content/learn/modules/entitlements 很少会有人不买东西,买的多了也很少没有人没有经历过售后流程.我们 ...
- Salesforce Sales Cloud 零基础学习(三) Lead & Opportunity & Quote
上一篇讲的是Account 和 Contact,本篇主要描述 Lead & Opportunity & Quote.他们的主要的作用如下: Lead 用来存储潜在客户. Opportu ...
随机推荐
- [LC] 572. Subtree of Another Tree
Given two non-empty binary trees s and t, check whether tree t has exactly the same structure and no ...
- 谷歌眼镜、亚马逊音箱,5G时代隐私或将面临更大颠覆
别看现在的智能手机.平板电脑.可穿戴设备.智能家居等那么火爆,但离开网络它们其实什么也不是.当然,智能终端设备的迭进也是与网络制式不断向前演变相辅相成的,二者算是互相成就.不过也由此衍生出很多问题,尤 ...
- auto uninstaller (autodesk 修复大师) 简体中文版 更新下载地址
小伙伴是不是遇到 CAD/3dmax/maya/Revit/Inventor 安装失败或者安装不了的问题了呢?AUTODESK系列软件着实令人头疼,CAD/3dmax/maya/Revit/Inven ...
- B 小雨的三角形
题目链接:https://ac.nowcoder.com/acm/contest/949/B 思路: 一个找规律题,找到规律就很简单,只剩下代码实现了.规律:第i行去头尾剩下的数的和等于第i-1行去头 ...
- ASP.NET ASHX 一般处理程序教程
你不想创建一个普通ASP.NET的Web窗体页.而又要通过一个查询字符串返回一个动态的图片.XML或者非HTML网页.这是一个用C#编程语言编写的使用ASHX(一般处理程序)的简单教程. 简介 首先, ...
- 多版本firefox共存
https://blog.csdn.net/gavinxlf/article/details/53173034 https://blog.csdn.net/weixin_33979745/articl ...
- 吴裕雄--天生自然Android开发学习:1.2.2 使用Android Studio开发Android APP
1.下载Android Studio 官网下载:Android Studio for Window ... :http://developer.android.com/sdk/installing/s ...
- OpenCV 对两幅图像求和(求混合(blending))
#include <cv.h> #include <highgui.h> #include <iostream> using namespace cv; int m ...
- tfjs-node初体验:训练模型的存储
JS,一门从浏览器兴起,却不止于浏览器的脚本,个人一直认为其是最有潜力的脚本语言.不只是因为ES6优雅的语法,更重要的是其易上手,跨平台的优点. Node将JS从browser带去了client是革命 ...
- 对String类型的认识以及编译器优化
Java中String不是基本类型,但是有些时候和基本类型差不多,如String b = "tao" ; 可以对变量直接赋值,而不用 new 一个对象(当然也可以用 new). J ...