画布开发（6）页面布局或移动卡中的画布应用程序

学习目标

完成本单元后，您将能够了解到：

  • Canvas应用程序出现在页面布局中的位置
  • 将Canvas应用程序添加到页面布局

您可以将画布应用程序添加到任何标准或自定义对象的页面布局。 要在编辑页面布局时显示在选项板中的“画布应用程序”类别，必须在Salesforce应用程序中创建画布应用程序时将画布应用程序位置设置为“布局”和“移动卡”。

Canvas应用程序出现在页面布局中的位置

根据您将画布应用程序放置在页面布局上的位置，画布应用程序可能会显示在完整的Salesforce站点或Salesforce应用程序中。

此表描述了将画布应用程序添加到页面布局时显示的位置。

如果画布应用程序已添加到页面布局中…画布应用程序是否出现在完整的Salesforce站点中？画布应用程序出现在Salesforce应用程序中？画布应用程序出现在Salesforce应用程序中的位置
任何部分（移动卡部分除外）YesYesRecord detail page
Mobile Cards sectionNoYesMobile card

将Canvas应用程序添加到页面布局

按照以下步骤将画布应用程序添加到帐户的页面布局中。

  1. 按照创建应用程序中的步骤，使用Heroku快速入门创建画布应用程序。
  2. 在Salesforce应用程序中，从“设置”中，在“快速查找”框中输入应用程序，然后选择“Apps”。
  3. 在“Connected Apps”相关列表中，单击刚刚创建的应用程序旁边的“Edit ”。
  4. 在“Canvas应用程序设置”部分的“位置”字段中，选择“布局”和“移动卡”。
  5. 单击“Save”。
  6. 从帐户的对象管理设置中，转到“页面布局”。
  7. 单击“帐户布局”旁边的“Edit”
    您将在调色板和画布应用程序中看到Canvas应用程序类别，因为您将画布应用程序的位置设置为布局和移动卡。
  8. 将画布应用程序元素拖动到页面布局中显示的位置，然后单击“ Save”。
    • 如果将画布应用程序添加到“移动卡”部分以外的任何部分，则画布应用程序将显示在完整Salesforce站点的页面布局中或Salesforce应用程序的记录详细信息页面中。
    • 如果将画布应用程序添加到“移动卡”部分，则画布应用程序仅显示在移动卡中。
  9. 要查看更改，请单击“Accounts ”选项卡，然后单击一个帐户。您将在页面布局上看到添加它的画布应用程序。

您可以通过单击扳手图标来修改页面布局中画布应用的其他属性。

  • Width (in pixels or %) – 画布应用程序的宽度;默认为100％。对画布应用程序宽度的更改将显示在完整的Salesforce站点和Salesforce应用程序中。但是，画布应用程序以单列布局显示，因此我们建议您将宽度保留为100％。
  • Height (in pixels) – 画布应用的高度;默认为200像素。对于出现在完整Salesforce站点和Salesforce应用程序中的画布应用程序，用户将看到对此字段的更改。
  • Show scrollbars – 滚动条是否显示在画布应用程序iFrame上。对此字段的更改将呈现出现在完整Salesforce站点中的画布应用，但不会显示出现在Salesforce应用中的画布应用。
  • Show label – 是否显示页面布局部分标签。对于出现在完整Salesforce站点和Salesforce应用程序中的画布应用程序，用户将看到对此字段的更改。