function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
ghostdevghostdev 

Canvas app is not scrollable on Salesforce1 mobile

Greetings,
i embedden a canvas app in a visualforce page. This visualforce page is also on mobile nav (Salesforce1), but the canvas is not scrollable (yes on desktop visualforce classic) and no scrollbars appear.
Is there an easy way to make a canvas scrollable ?
Thank you.
Ashutosh Tripathi 34Ashutosh Tripathi 34
Hi,

It seams that when the page is rendered for the Salesforce1 app, there is some code or HTML that is still generated for the header for a standard desktop browser. WYou can try by setting "showHeader" attribute on the tag to be false. After setting it to false.

If you are using lightning component then it seems a known issue -
https://success.salesforce.com/issues_view?id=a1p30000000ePVNAA2&title=salesforce1-unable-to-scroll-lightning-components-horizontally-when-using-lightning-design-system

Make sure <apex:canvas/> must be inside <iframe/> 

LDS: https://www.lightningdesignsystem.com/components/utilities/scrollable/
 
ghostdevghostdev
Thank you for the fast answer!
I tried
  • using slds-scrollable class on the div: no changes
  • showHeader=false: no changes
  • remove the head tag: no changes
  • include canvas inside an iframe block: canvas not loaded
Here is my VF page code:
  
<apex:page showHeader="true">

<head>
  <meta name="viewport" content="width=device-width, 
    initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no"/> 
</head>

<apex:includeScript value="/support/console/37.0/integration.js"/>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://eu11.salesforce.com/canvas/sdk/js/30.0/controller.js"></script>

<apex:canvasApp developerName="mydevname" width="100%" parameters="myparams" />

</apex:page>

On Desktop, everything works fine.
On iPAD app (Salesforce1) everything works fine -- except the scroll of the canvas.

I do not understand if it's a unresolved problem or if i'm doing something wrong.
Thank You

 
ghostdevghostdev
I forget that i tryed the scrolling param also: nothing to do
ghostdevghostdev
Is there a solution to this mess ?
Sudip ManpuriaSudip Manpuria
I also have the exact same issue.
Did you get any solution for this ?
prabhu sajjanamprabhu sajjanam
I am using canvas inside lightning componenet and when that component is loaded in salesforce 1 mobile app, It is not scrollable. Any one was able to solve this?
devfivedevfive
I've found a solution by using visualforce component instead of Canvas. Too many problems while using Canvas. Try it.