Skip to main content
Join the Agentforce Hackathon on Nov. 18-19 to compete for a $20,000 Grand Prize. Sign up now. Terms apply.

自定义用户界面

学习目标

完成本单元后,您将能够:

  • 了解页面布局元素如何驱动 Lightning Experience 记录页面上的内容
  • 识别 Lightning Experience 用户界面的哪个部分是紧凑布局驱动的

您的布局可以自定义 Lightning Experience 记录

您可以使用熟悉的工具,页面布局和紧凑布局,自定义 Lightning Experience 记录页面上的内容。

Lightning Experience 中的页面布局

当您在 Salesforce Classic 中自定义页面布局时,那些变化可以影响 Lightning Experience 中对象记录页面的内容。但是,在 Lightning Experience 中,页面元素的显示方式不同,有些不被支持。

如果您的组织支持多种页面布局,您可以从对象管理器任何对象上的页面布局相关列表创建页面布局。您还可以在页面布局相关列表的某个页面布局上点击,以编辑或删除某个对象的页面布局。

这是 Lightning Experience 中联系人记录的一个示例。突出显示面板包含关键记录字段,并且是记录页面中唯一一个您不能使用页面布局编辑器进行自定义的部分。突出显示面板中的字段采用紧凑布局进行自定义。我们一会儿介绍紧凑布局。

Lightning Experience 中联系人记录页面示例

Lightning Experience 支持这些页面布局元素。

  • 操作:操作显示在不同地方,比如突出显示面板、Activity(活动)选项卡以及 Chatter 选项卡。操作源自页面布局的 Salesforce 移动和 Lightning Experience 操作部分中的操作列表。Lightning Experience 不支持有些操作。我们将在下一个单元进一步学习 Lightning Experience 中的操作。
  • 空格:Lightning Experience 支持空格。
  • 画布应用程序:Lightning Experience 支持画布应用程序。
  • 自定义链接:自定义链接显示在 Details(详细信息)选项卡下。
  • 字段:字段显示在 Details(详细信息)选项卡下。您只能通过页面布局编辑器删除或重新排序页面布局上的字段。Lightning Experience 不支持自上而下的制表键顺序,允许查看记录详细信息页面的用户从上到下移动一列字段,然后把焦点移到下一列字段的顶部。即使页面布局配置成自上而下的制表键顺序,在 Lightning Experience 中制表键也是从左向右在字段列中移动的。
  • 相关列表:相关列表作为 Lightning 组件加入 Lightning Experience 中。Lightning Experience 并非支持所有相关列表。在 Lightning Experience 中,相关列表类型决定了在相关列表中显示多少字段。基础列表相关列表类型只显示相关列表的前四个字段。增强列表类型最多显示 10 个字段,允许调整列大小和进行排序、执行批量操作,以及自动换行。要修改相关列表类型,请在 Lightning 应用程序生成器中自定义相关列表组件。
  • 报表图表:您添加到某个页面布局的报表图表显示在 Lightning Experience 中 Details(详细信息)选项卡下。当您把一个报表图表添加到一个页面布局中时,可能需要稍等片刻该图表才会显示在 Lightning 记录页面上。
  • 部分:部分与字段一起显示在 Details(详细信息)项卡下。没有标题的部分与它上面的部分合并。详细信息页面可见性设置控制对于详细信息页面和编辑页面是否都显示部分标题。您可以将部分标题设置为在详细信息页面上显示(或隐藏)以及在编辑页面上显示(或隐藏)。
  • 标准和自定义按钮:标准和自定义按钮在 Lightning Experience 中跟在 Salesforce 应用程序中一样按操作处理。Lightning Experience 不支持调用 JavaScript 的自定义按钮。
  • Visualforce 页面:您添加到页面布局的 Visualforce 页面显示在 Details(详细信息)选项卡下。只有启用了对 Lightning Experience、Lightning Communities 和移动应用程序可用的 Visualforce 页面会显示在 Lightning Experience 中的 Lightning 页面上、实用工具栏中以及 Salesforce 应用程序中。

Lightning Experience 不支持这些页面布局元素。

  • 展开的查找
  • 移动卡
  • S-control
  • 编辑页面部分标题的可见性
  • 标记
备注

您不能使用增强页面布局编辑器以自定义 Lightning Experience 记录主页的布局。

Lightning Experience 中的紧凑布局

如果您已经完成 Salesforce Mobile 基础模块,您已经熟悉紧凑布局及其在 Salesforce 移动应用程序中如何运行。紧凑布局在 Lightning Experience 中的作用是一样的:在记录页面的突出显示面板中显示一条记录的关键字段。其他地方也用到紧凑布局,比如活动时间线和展开的查找卡片。

紧凑布局让您可以把最重要的字段放在用户很容易看见的地方。如果您的组织支持记录类型,您可以把一个紧凑布局分配给不同的记录类型,跟页面布局的操作方式一样。

在 Lightning Experience 中,紧凑布局中的最多前七个字段会显示在一个对象记录的突出显示面板中。(在更小的屏幕上,突出显示面板显示更少字段。)当用户把鼠标悬停在对象记录页面上的某个查找关系字段上时,该字段的突出显示面板会显示来自紧凑布局的前五个字段。突出显示面板以加粗字体在顶部显示来自紧凑布局的第一个字段。

Lightning 中的紧凑布局

备注

提示:把对象的名称字段放在第一位,以便在用户查看记录时为其提供上下文信息。

您对紧凑布局做出的修改会同时体现在 Lightning Experience 和 Salesforce 移动应用程序中。事件和任务紧凑布局决定了当您在 Lightning Experience 的活动时间线中展开一项活动时,出现在详细信息部分的字段。当您修改活动时间线中任务的紧凑布局时,您也会影响任务上的突出显示区域、任务列表以及用到紧凑布局的所有其他地方显示的字段。 

您可以从 Lightning Experience 对象管理器中任何对象上的“紧凑布局”相关列表创建和编辑紧凑布局。

资源

在 Salesforce 帮助中分享 Trailhead 反馈

我们很想听听您使用 Trailhead 的经验——您现在可以随时从 Salesforce 帮助网站访问新的反馈表单。

了解更多 继续分享反馈