All Ideas

Idea Details

Post an Idea
250  Points
Under Point Threshold
Idea hasn't met the 2,500-point review threshold. Give it an upvote or downvote.

Fix <apex:slds/> error in Lightning Community Builder preview

Lightning Development

It seems a bug of Salesforce that the <apex:slds/> cannot get correct CSS in Lightning Community Builder preview window.

Reproduce steps:
  1. Create a Visualforce page with <apex:slds/> to use Lightning Design System. Remeber to check the option "Available for Lightning Experience, Lightning Communities, and the mobile app". Sample code:
    <apex:page >
      <apex:slds />
      <div class="slds-scope">
        <button class="slds-button slds-button_brand">Button</button>
      </div>
    </apex:page>
  2. Create a new Community with "Customer Account Portal" template. Click the "Builder" in "My Workspaces" to open "Community Builder".
  3. Drag "Visualforce Page" from the "Components" toolbox to the page content. Select the test page that created in step 1 to display. The page is displayed in preview, but the SLDS css is not applied. In web browser console there are some errors like:   GET https://*.ap6.force.com/sfsites/c/slds/css/p0AH6DGyOYR6OPvocxLUHg/min/scoped/one:oneNamespace,force:sldsTokens,force:base,force:formFactorLarge/slds.css net::ERR_ABORTED
  4. If you publish the community and view it, it is ok. Only the preview UI is broken.
We want this fix, because our product is a Visualforce component based on SLDS, and the customers want to use it in Conmunity Builder. But this problem caused the UI confused and customer feels bad.

Merge Idea · Flag

  • Upvotes
  • Downvotes

Ideas

Apps

from AppExchange

Questions

Help us to keep IdeaExchange clean by pointing out overlapping ideas. We'll investigate your suggestion and merge the ideas if it makes sense.



 

 

Thanks for your merge suggestion. We will review it shortly and merge the ideas if applicable.

Salesforce takes abuse situations very seriously. Examples of abuse include but are not limited to posting of offensive language or fraudulent statements. To help us process your request as quickly as possible, please fill out the form below describing the situation. For privacy and security reasons, the final outcome of an abuse case may not be revealed to the person who reported it.


 

Thank you for your feedback. We take abuse seriously and will investigate this issue and take appropriate action.