Modifying the SuccessPro App



Updating SuccessProApp Lightning Component

By default, Salesforce restricts the height of a Canvas App to 900px and the width to 800px. To make full use of the tab area and accommodate taller UI such as the Meeting Creator screen, the SuccessProApp Lightning Component must be updated to include height and width attributes on the canvas:app element definition. Follow these steps to modify the component:
    Navigate to Setup -> Custom Code -> Lightning Components. Find and click “SuccessProApp”.

Steps to Access Developer Console

    From the Lightning Component Detail page, Select “Developer Console”.

Steps to locate attributes

    Open the cmp file in the Developer Console
    Scroll down to the force:canvasApp element
    Verify it contains 2 attributes (in blue): developerName and parameters

Modifying the force:canvasApp Element

    Modify the force:canvasApp element by copying and pasting the following line of 4 attributes into the code, after "force:canvasApp" and before "developerName":
  • height="100%"
  • width="100%"
  • maxHeight="infinite"
  • maxWidth="infinite"
Note: Ensure there is a space separating "maxWidth=infinite" and "developerName" after pasting the text.
    After copying and pasting the text into the editor, confirm that the force:canvasApp element code matches the following screenshot:

Steps to Validate the SuccessPro Component

    From the menu, select File -> Save. Close the Developer Console.
    Navigate to a record where the SuccessPro Component loads, such as an Account or Contact view, and validate that the SuccessPro App loads on the SuccessPro tab.