---
schema_version: "1"
id: df8baba7c5627b4a89efac293fc234120b4af2af724adbc2315bec98005f711c
title: Visualforce Page Code Examples
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/canvas-framework/guides/platform-connect/using/canvas-app-vf-code-example.md
canonical_url: https://developer.salesforce.com/docs/platform/canvas-framework/guide/canvas-app-vf-code-example.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 61f060ef908602c0360fa5b6c13c2cd725f24175da2d087cd918dcf02a5e54aa
products:
  - Canvas Developer Guide
  - Platform Developer Content
---

# Visualforce Page Code Examples

You can display a canvas app on a Visualforce page in a number of ways.

These examples show the different ways to reference the canvas app using `applicationName`, `developerName`, and `namespacePrefix`.

## Object Detail Page

The following code snippet is an example of how to display a canvas app on an Account page. The code specifies the size of the canvas app to be 400 pixels high and 750 pixels wide. This examples specifies the canvas app using the `applicationName` and `namespacePrefix`.

```visualforce
<apex:page standardController="Account">

    <apex:canvasApp applicationName="Test Inline Visualforce" 
        namespacePrefix="testorg" 
        height="400px" width="750px"/>
</apex:page>

```

## Standard Page

The following code snippet is an example of how to display a canvas app on a Visualforce page. The code specifies the size of the canvas app to be 1,000 pixels high and 800 pixels wide. In addition, the code passes three custom parameters to the canvas app. This examples specifies the canvas app using the `developerName` and `namespacePrefix`.

```visualforce
<apex:page>

    <apex:canvasApp developerName="Test_Standard_Visualforce" 
        namespacePrefix="testorg" height="1000px" width="800px" 
        parameters='{"p1":"value1", "p2":"value2", "p3":"value3"}'/>

</apex:page>

```

## Standard Page with a Border and Scrolling

The following code snippet is an example of how to display a canvas app with some additional UI enhancements on a Visualforce page. The code specifies the size of the canvas app to be 100 pixels high and 500 pixels wide. In addition, the code specifies that there should be a border of 2 pixels around the canvas app and that scrolling should be enabled. This examples specifies the canvas app using only the `applicationName` (this is only valid in the organization in which the canvas app was created, and if that organization doesn’t have a `namespacePrefix`.

```visualforce
<apex:page>

    <apex:canvasApp applicationName="Test Scrolling Visualforce" 
        height="100px" width="500px" 
        border="2" scrolling="yes"/>

</apex:page>
```

**See Also**  


-   [Canvas Apps and Visualforce Pages](https://developer.salesforce.com/docs/platform/canvas-framework/guide/canvas-framework-using-vf-intro.md)
-   [Visualforce Considerations](https://developer.salesforce.com/docs/platform/canvas-framework/guide/canvas-app-vf-considerations.md)
-   [Visualforce Developer's Guide](https://salesforce.com/us/developer/docs/pages/index_Left.htm#StartTopic=Content/pages_compref_canvasApp.htm)
-   [apex:canvasApp Component](https://developer.salesforce.com/docs/platform/canvas-framework/guide/canvas-app-vf-component-ref.md)