Skip to main content
Topics#Trailhead ChallengesDomanda di Lena Wong
Lena Wong ha fatto una domanda in #Trailhead Challenges
Oggi, alle 15:57

Difference in Activity component rendering: Lightning App Builder (Phone view) vs. Salesforce Mobile App Real Device

Hi Trailblazers,

I am facing an inconsistency between what the Lightning App Builder shows in its mobile preview (Phone Form Factor) and what is actually rendered inside the official Salesforce Mobile App on a real iOS/Android device. I would appreciate some architectural insights to clarify this behavior.

The Scenario:

  1. I am customizing an Account Record Page using the Lightning App Builder.
  2. Inside a Tab component, I configured two custom tabs: Activity (placed first) and Chatter (placed second).
  3. When switching the Lightning App Builder preview to "Phone", the desktop Activities (Activity Timeline) component displays the classic "Unsupported form factor: Activities supports only the desktop form factor" warning.
  4. To test mobile visibility, I left that desktop component there but controlled its visibility via a component filter: Device > Form Factor Equal Phone.

The Inconsistency / Questions:

  • Question 1: Preview vs. Real Device Behavior 

    In the Lightning App Builder (Phone view), the

    Activity tab is strictly displayed above the Chatter tab, respecting the structural order of the Tabs component metadata. However, on the real Salesforce Mobile App device, I only see the Chatter tab and not the Activity tab. 
  • Question 2: Fallback Mechanism & Smart Rendering 

    Since the desktop

    Activities Timeline component explicitly throws an "Unsupported form factor" error for mobile, what is the exact mechanism the Salesforce Mobile App uses on a real device? Does the native app container automatically suppress/ignore unsupported desktop components even if they are forced via Device = Phone filters, or does it trigger an internal fallback to the native mobile global activity card (Recent Activity)?

I want to understand if this layout discrepancy is a known limitation of the App Builder preview simulator or if there is a specific mobile rendering logic that changes the component hierarchy on real devices and hence I can't also see the tab Activity on Salesforce app in the mobile phone.

Thanks in advance for your help! 

 

@Salesforce Administrators & Developers, @Salesforce Administrators and Developers, @APAC Architects, @Data Quality & Management

 

 

#Trailhead Challenges  #Trailhead  #Salesforce Developer

1 risposta
  1. Kundan Kumar Jha (Infosys)
    Oggi, alle 16:00

    Hey Elena, 

     

    Activities Timeline is coded as desktop-only (<supportedFormFactors> = Large) at the component level, that's baked in, App Builder can't override it. 

     

    1. App Builder's phone preview still shows the tab shell with a warning since it's just a design-time simulator. The real Mobile App is stricter, it excludes the component entirely from the phone render tree, tab and all, since your visibility filter can't force an incompatible component to render. 

     

    2. No auto-fallback to a native "Recent Activity" card, the tab just doesn't render at all on mobile. For mobile, use a component that actually declares phone support (Path, or a custom LWC with Small in supportedFormFactors). 

     

    Reference: 

    https://developer.salesforce.com/docs/component-library/documentation/lwc/use_config_form_factors

Scrivi una risposta...
0/9000