Canvas Developer Guide

Getting Started
Using Canvas
Canvas SDK
Referencing the Canvas SDK
Authentication
Getting Context in Your Canvas App
Cross-Domain XHR
Alternatives to Cookies for User Tracking
Resizing a Canvas App
Automatically Resizing a Canvas App
Explicitly Resizing a Canvas App
Getting the Size of a Canvas App
Subscribing to Parent Events
Handling Orientation Changes in Your Canvas App
Implementing Canvas App Events
Using Streaming API in a Canvas App
Debugging in a Canvas App
Using the <select> Tag in a Canvas App
Canvas Apps and Visualforce Pages
Lightning Component Code Examples
Canvas Apps in a Page Layout or a Mobile Card
Canvas Apps in the Publisher
Canvas Apps in the Chatter Feed
Canvas in the Salesforce Mobile App
Customizing Your App Lifecycle
Reference
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Automatically Resizing a Canvas App

The following code examples show how to call the autogrow method to resize a canvas app. Use this method when your content will change size, but you’re not sure when.

In Mozilla® Firefox® and Microsoft® Internet Explorer®, the autogrow method might not resize the frame if the content size is reduced. In this case, you can use the resize method to specify the exact size that you want to change the frame to.

Note

1// Turn on auto grow with default settings.
2Sfdc.canvas(function() {
3    sr = JSON.parse('<%=signedRequestJson%>');
4    Sfdc.canvas.client.autogrow(sr.client);
5});
6
7// Turn on auto grow with polling interval of 100ms (milliseconds).
8Sfdc.canvas(function() {
9    sr = JSON.parse('<%=signedRequestJson%>');
10    Sfdc.canvas.client.autogrow(sr.client, true, 100);
11});
12
13// Turn off auto grow.
14Sfdc.canvas(function() {
15    sr = JSON.parse('<%=signedRequestJson%>');
16    Sfdc.canvas.client.autogrow(sr.client, false);
17});