---
schema_version: "1"
id: 9e04ea95e9db4452ce283b7272231f4028f8df9ab243e7cfb23a9468a2fb09d7
title: Canvas Layout Component
collection: legacydeveloper
version: current
locale: en-us
portal_url: https://docs.salesforce.com/legacydeveloper/current/en-us/uiapi/ui_api_responses_canvas_layout_component.md
canonical_url: https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_canvas_layout_component.htm
source_site: developer.salesforce.com
content_type: documentation
content_hash: 03e600a32901fc65c82f39a2278c770a91ba434b94643009799e060b7ae15e1e
description: A canvas component on a record page layout.
---
# Canvas Layout Component

A canvas component on a record page layout.

<table class="featureTable sort_table" summary="">
          <thead class="thead sorted" align="left">
            <tr>
              <th class="featureTableHeader vertical-align-top " id="d98978e30">Property Name</th>
              <th class="featureTableHeader vertical-align-top " id="d98978e32">Type</th>
              <th class="featureTableHeader vertical-align-top " id="d98978e34">Description</th>
              <th class="featureTableHeader vertical-align-top " id="d98978e36">Filter Group and Version</th>
              <th class="featureTableHeader vertical-align-top " id="d98978e38">Available Version</th>
            </tr>
          </thead>
          <tbody class="tbody">
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">apiName</samp></td>

              <td class="entry" headers="d98978e32" data-title="Type">String</td>

              <td class="entry" headers="d98978e34" data-title="Description">The API name of the canvas app.</td>

              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>

              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>

            </tr>

            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">componentType</samp></td>

              <td class="entry" headers="d98978e32" data-title="Type">String</td>

              <td class="entry" headers="d98978e34" data-title="Description">The value is <samp class="codeph nolang">Canvas</samp>.</td>

              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>

              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>

            </tr>
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">displayLocation</samp></td>
              <td class="entry" headers="d98978e32" data-title="Type">String</td>
              <td class="entry" headers="d98978e34" data-title="Description">The location in the application where the canvas app is being called from. One of these values:<ul class="ul bulletList">
                  <li class="li">
                    <samp class="codeph nolang">Chatter</samp>—The canvas app was called from
                    the Chatter tab.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">ChatterFeed</samp>—The canvas app was called
                    from a Chatter canvas feed item.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">MobileNav</samp>—The canvas app was called from
                    the navigation menu in the Salesforce mobile app.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">OpenCTI</samp>—The canvas app was called from an
                    Open CTI component.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">PageLayout</samp>—The canvas app was called from
                    an element within a page layout. If the <samp class="codeph nolang">displayLocation</samp> is <samp class="codeph nolang">PageLayout</samp>,
                    one of the <samp class="codeph nolang">subLocation</samp> values can be
                    returned.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">Publisher</samp>—The canvas app was called from
                    a canvas custom quick action.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">ServiceDesk</samp>—The canvas app was called
                    from a Salesforce Console component.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">Visualforce</samp>—The canvas app was called
                    from a Visualforce page.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">None</samp>—The canvas app was called from the
                    Canvas App Previewer.
                  </li>

                </ul>
                <p class="p">The <samp class="codeph nolang">sublocation</samp> in the application
                  where the canvas app was called from when the canvas app is loaded in a mobile
                  device. The possible values are: </p>
                <ul class="ul bulletList">
                  <li class="li">
                    <samp class="codeph nolang">S1MobileCardFullview</samp>—The canvas
                    app was called from a mobile card.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">S1MobileCardPreview</samp>—The canvas app
                    was called from a mobile card preview.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">S1RecordHomePreview</samp>—The canvas app
                    was called from a record detail page preview.
                  </li>

                  <li class="li">
                    <samp class="codeph nolang">S1RecordHomeFullview</samp>—The canvas
                    app was called from a page layout.
                  </li>

                </ul>
              </td>
              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>
              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>
            </tr>
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">height</samp></td>
              <td class="entry" headers="d98978e32" data-title="Type">String</td>
              <td class="entry" headers="d98978e34" data-title="Description">The height of the component.</td>
              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>
              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>
            </tr>
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">referenceId</samp></td>
              <td class="entry" headers="d98978e32" data-title="Type">String</td>
              <td class="entry" headers="d98978e34" data-title="Description">The unique ID of the canvas app definition.</td>
              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>
              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>
            </tr>
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">showScroll</samp></td>
              <td class="entry" headers="d98978e32" data-title="Type">Boolean</td>

              <td class="entry" headers="d98978e34" data-title="Description">Indicates whether to show the scroll bar on the canvas component (<samp class="codeph nolang">true</samp>) or not (<samp class="codeph nolang">false</samp>).</td>
              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>
              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>
            </tr>
            <tr>
              <td class="entry" headers="d98978e30" data-title="Property Name"><samp class="codeph nolang">width</samp></td>
              <td class="entry" headers="d98978e32" data-title="Type">String</td>
              <td class="entry" headers="d98978e34" data-title="Description">The width of the component.</td>
              <td class="entry" headers="d98978e36" data-title="Filter Group and Version">Small, 41.0</td>
              <td class="entry" headers="d98978e38" data-title="Available Version">41.0</td>
            </tr>
          </tbody>
        </table>

#### See Also

- [Record Layout Item](https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_record_layout_item.htm "An item in a record layout.")