Lightning style sheet for VF page not working as expected
VisualForce , Winter 19 , Lightning
Last updated 2018-10-05 ·Reference W-5494618 ·Reported By 79 users
Summary
We style our Visualforce page's to match the Lightning Experience UI when viewed in Lightning Experience. These Lightning style sheet for VF page not working as expected
(Loading CSS for Slds )
Repro
Create a simple Visualforce page and add Lightning style sheets using below tag
****************
<apex:page lightningStylesheets="true">
*****************
Example code:
<apex:page standardController=”*****” tabStyle=”*****” lightningStylesheets=”true” >
<apex:slds />
<apex:form >
<apex:pageBlock >
<apex:pageBlockSection columns=”2″>
<apex:inputField value=”{!*****.Name}” />
<apex:inputField value=”{!*****.StageName }” /> <br/>
<apex:inputField value=”{!******.CloseDate}” />
</apex:pageBlockSection>
<apex:pageBlockButtons location=”bottom”>
<apex:commandButton action=”{!save}” value=”Save”/>
<apex:commandButton action=”{!cancel}” value=”Cancel”/>
</apex:pageBlockButtons>
</apex:pageBlock>
</apex:form>
</apex:page>
View the associated page
We can see that styling is not working as expected
Workaround
NA
Reported By (79)




















Is it Fixed?
Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.