Mobile SDK Development Guide

Introduction to Mobile Development
Introduction to Salesforce Mobile SDK Development
What’s New in Mobile SDK 11.1
Getting Started With Mobile SDK 11.1 for iOS and Android
Updating Apps (5.0 and Later) Apps (5.0 and Later)
Native iOS Development
Native Android Development
HTML5 and Hybrid Development
Using Lightning Web Components in Hybrid Apps
React Native Development
Offline Management
Files and Networking
Push Notifications and
Authentication, Security, and Identity in Mobile Apps
Login Screen Customization
Identity Provider Apps
Using Key-Value Stores for Secure Data Storage
Dark Mode and Dark Theme Settings
Using Experience Cloud Sites With Mobile SDK Apps
Experience Cloud Sites and Mobile SDK Apps
Set Up an API-Enabled Profile
Set Up a Permission Set
Grant API Access to Users
Configure the Login Endpoint
Brand Your Experience Cloud Site
Customize Login, Self-Registration, and Password Management for Your Experience Cloud Site
Use Your Branded Login Page
Using External Authentication With Experience Cloud Sites
Example: Configure an Experience Cloud Site For Mobile SDK App Access
Example: Configure an Experience Cloud Site For Facebook Authentication
Multi-User Support in Mobile SDK
Mobile SDK Tools for Developers
Logging and Analytics
Migrating from the Previous Release
Reference
iOS Current Deprecations
iOS APIs Removed in Mobile SDK 11.0
Android Current Deprecations
Android APIs Removed in Mobile SDK 11.0
Trademark Attributions
Removing UIWebView from iOS Hybrid Apps
PDF

Brand Your Experience Cloud Site

If you are using the Salesforce Tabs + Visualforce template, you can customize the look and feel of your Experience Cloud site in Experience Workspaces. You can customize by adding your company logo, colors, and copyright. Customizing these elements ensures that your Experience Cloud site matches your company’s branding and is instantly recognizable to your site members.

Mobile SDK does not support building apps that wrap Experience Builder sites.

Warning

  1. Open Experience Workspaces.
  2. Click Administration | Branding.
  3. Use the lookups to choose a header and footer for the Experience Cloud site.
    The files you’re choosing for header and footer must have been previously uploaded to the Documents tab and must be publicly available. The header can be .html, .gif, .jpg, or .png. The footer must be an .html file. The maximum file size for .html files is 100 KB combined. The maximum file size for .gif, .jpg, or .png files is 20 KB. Let’s say you have a header .html file that’s 70 KB and you want to use an .html file for the footer. The footer .html file can be only 30 KB.
    The header you choose replaces the Salesforce logo below the global header. The footer you choose replaces the standard Salesforce copyright and privacy footer.
  4. To select from predefined color schemes, click Select Color Scheme. To select a color from the color picker, click the text box next to the page section fields.
    Some of the selected colors impact your Experience Cloud site login page and how your site looks in the Salesforce mobile app as well.
    Color Choice Where it Appears
    Header Background Top of the page, under the black global header. If an HTML file is selected in the Header field, it overrides this color choice.

    Top of the login page.

    Login page in the Salesforce mobile app.
    Page Background Background color for all pages in your Experience Cloud site, including the login page.
    Primary Tab that is selected.
    Secondary Top borders of lists and tables.

    Button on the login page.
    Tertiary Background color for section headers on edit and detail pages.
  5. Click Save.