Slaesforce FAQ

how to make vf page scrollable in salesforce mobile app

by Dina Wolff MD Published 2 years ago Updated 2 years ago

Hi Heena, The scrollbar can be shown on a visualforce page using the inline CSS Style: "overflow:auto" in an Output Panel. And then Place your Datable inside the Output Panel.

Full Answer

How do I enable the Visualforce page for mobile apps?

Enable the page for mobile apps. From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages. Click Edit next to the SLDSPage Visualforce page in the list. Select Available for Lightning Experience, Experience Builder sites, and the mobile app. Click Save. Create a tab for the Visualforce page.

How do I add the sldspage Visualforce page to the mobile app?

Let’s add the page to the Salesforce mobile menu. Enable the page for mobile apps. From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages. Click Edit next to the SLDSPage Visualforce page in the list. Select Available for Lightning Experience, Experience Builder sites, and the mobile app. Click Save.

How to display the scrollbar on a Visualforce page?

The scrollbar can be shown on a visualforce page using the inline CSS Style: "overflow:auto" in an Output Panel. And then Place your Datable inside the Output Panel. . . . If you only need the Horizontal Scroll Bar, the height attibute can be removed. Thanks Suri.

How do I create a diamond style page in Salesforce?

In the Visualforce Page drop-down list, select SLDSPage. In the Tab Label field, enter SLDS Page. Click in the Tab Style field and select the Diamond style. The icon for this style appears as the icon for the page in the Salesforce mobile navigation menu. Click Next, then Next, then Save.

How do I add a scrollbar to my VF page?

The scrollbar can be shown on a visualforce page using the inline CSS Style: "overflow:auto" in an Output Panel. And then Place your Datable inside the Output Panel. If you only need the Horizontal Scroll Bar, the height attibute can be removed.

How do I enable Visualforce page on mobile?

You can do this in Setup by entering Visualforce Pages in the Quick Find box, then selecting Visualforce Pages, then click Edit next to a page name, and select the Available for Lightning Experience, Lightning Communities, and the mobile app checkbox on that page.

How do you make a VF page available for salesforce1?

First of all you need to make sure that the visualforce page you are expecting to see in Salesforce 1 is enable for Salesforce 1. So for that Go to your visualfoce page , click Edit and tick the 'Available for Salesforce mobile apps and Lightning Pages' checkbox and save your page.

What is VFP in Salesforce?

Visualforce is a framework that allows developers to build sophisticated, custom user interfaces, that can be hosted natively on the Lightning platform.

How do I display Visualforce page in lightning?

To enable a Visualforce page:From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages.Click Edit for the desired Visualforce page.Select Available for Lightning Experience, Lightning Communities, and the mobile app then click Save.

Do Visualforce pages work in lightning?

Lightning Experience brings an all new user interface to your Salesforce organization, but that doesn't mean your Visualforce apps stop working. Visualforce pages work in Lightning Experience, many without any revisions.

How do I add Visualforce pages to the Lightning App Builder?

Go to setup and search Lightning app builder.2.) Click New.3.) Create a new lightning page model appears. ... 4.) Write the name for the label and click Next.5.) On the next page, select Clone Salesforce Default page or create a new page. ... 7.) Drag and drop Visualforce from the standard Component list on the left.8.)

How do I open a .VF file in a URL?

A custom link or button is required on standard/VF page which should open the destination link in a different App. Requirement is to ensure that the page opens in a specific app. Solution would be use of tsid parameter in the url with value as APP id.

How do I view Visualforce pages in Salesforce?

From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages and click the name of a Visualforce page to view its details, including when it was created, when it was last modified, and the Visualforce markup associated with the page.

Is visualforce going away?

Visualforce is never going away. The barrier to entry with lightning is far too high for the "anybody can code" group that salesforce really likes to cater to. PDF rendering and email templates are also never going away.

What is VF page showHeader?

showHeader Boolean value that specifies whether the Salesforce tab header is included in the page. If true, the tab header is displayed. If not specified, this value defaults to true.

What is Apex page in VF page?

A single Visualforce page. All pages must be wrapped inside a single page component tag. Use this component to get user input for a controller method that does not correspond to a field on an sObject.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9