Canvas Developer Guide

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
Getting Started
Using Canvas
Canvas SDK
Canvas Apps and Visualforce Pages
Lightning Component Code Examples
Canvas Apps in a Page Layout or a Mobile Card
Where Canvas Apps Appear in a Page Layout
Add a Canvas App to a Page Layout
Canvas Apps in the Publisher
Canvas Apps in the Chatter Feed
Canvas in the Salesforce Mobile App
Customizing Your App Lifecycle
Reference
PDF

Add a Canvas App to a Page Layout

Add a canvas app to the page layout for an Account.
  1. To create a canvas app, follow the steps in Create the App.
  2. From Setup, enter Apps in the Quick Find box, then select Manage Connected Apps.
  3. In the Connected Apps list view, click Edit next to the app that you created.
  4. In the Canvas Apps Settings section, in the Locations field, select Layouts and Mobile Cards.
  5. Click Save.
  6. From Setup, click Object Manager, then select Account.
  7. On the Account object management page, click Page Layouts, then click Account Layout.
    Canvas App in the Page Layout Palette

    The Canvas Apps category is in the palette and the canvas app because you set the location of the canvas app to Layouts and Mobile Cards.

  8. Drag the canvas app element to where you want it to appear in the page layout, and then click Save.
    • If you add the canvas app to any section other than the Mobile Cards section, the canvas app appears in the page layout in the full Salesforce site or in the record detail page in the Salesforce mobile app.
    • If you add the canvas app to the Mobile Cards section, the canvas app appears only in the mobile card.
  9. To see your changes, click the Accounts tab, and then click an account.
You can modify additional properties of the canvas app in the page layout by clicking the wrench icon Wrench icon.
  • Width (in pixels or %)—The width of the canvas app; defaults to 100%. Changes to the width of the canvas app appear in both the full Salesforce site and the Salesforce mobile app. However, canvas apps are displayed in a single-column layout, so we recommend that you leave the width at 100%.
  • Height (in pixels)—The height of the canvas app; defaults to 200 pixels. Changes to this field appear to the user for canvas apps that appear in both the full Salesforce site and the Salesforce mobile app.
  • Show scrollbars—Whether scrollbars are displayed on the canvas app iFrame. Changes to this field render for canvas apps that appear in the full Salesforce site but not for canvas apps that appear in the Salesforce mobile app.
  • Show label—Whether to display the page layout section label. Changes to this field appear to the user for canvas apps that appear in both the full Salesforce site and in the Salesforce mobile app.