Mobile and Offline Developer Guide
Summer '26 (API version 67.0)
Spring '26 (API version 66.0)
Winter '26 (API version 65.0)
Summer '25 (API version 64.0)
Spring '25 (API version 63.0)
Winter '25 (API version 62.0)
Summer '24 (API version 61.0)
Spring '24 (API version 60.0)
Winter '24 (API version 59.0)
Summer '23 (API version 58.0)
Spring '23 (API version 57.0)
Understand Mobile Development
Minimize Bandwidth Usage
Create Responsive Layouts
Follow Accessible Mobile Design Guidelines
Disable Pull-to-Refresh in the Salesforce Mobile App
Create Mobile-Ready Components
Build components that perform well across mobile experiences. These guidelines are best
practices, not universal rules. Consider them carefully, but don’t be afraid to go your own way
if there are compelling reasons in specific situations.
-
Understand Mobile Development for Lightning Web Components
The best way to start building mobile-ready components is to deep dive into Lightning Web Components first. -
Use Built-In Mobile Tools and Features
Before you write code for your users on mobile devices, configure your environment and use built-in mobile-ready tools and features. -
Minimize Bandwidth Usage
Since mobile users have network constraints, consider bandwidth on mobile devices when building your components. -
Create Responsive Layouts
For a responsive, mobile-first app, create layouts using the grid system. -
Follow Accessible Mobile Design Guidelines
Before you build and test your components on a mobile screen, follow best practices for making your designs accessible. -
Disable Pull-to-Refresh in the Salesforce Mobile App
Disable pull-to-refresh on pages where accidentally triggering it can cause loss of data in the Salesforce mobile app. Disabling pull-to-refresh is as simple as firing a CustomEvent. Fire this event in your own components, or create a component you can use throughout your Salesforce org.