+ Start a Discussion
vickySFDCvickySFDC 

In my classic Vf page Lightningstylesheet not supported.Please help needed.

Hi All,
  In my Vf page i want ot use lightning stylesheet in table but it is not supported in my page.Please help needed.
Below my page.

  <apex:page standardController="test__c" extensions="taskcontroller" showHeader="false" sidebar="false" lightningStylesheets="true">
    <apex:form id="fid">
    <apex:pageMessages ></apex:pageMessages>
    
        <apex:outputpanel >
        <!-- The loading image when the User selects a list view -->
        <apex:actionstatus id="savestatus">
            <apex:facet name="start">
                <div class="waitingSearchDiv" id="test" style="background-color: #fbfbfb;
                       height: 100%;filter:alpha(opacity=60);width:100%;"> 
                    <div class="waitingHolder">
                        <img class="waitingImage" src="/img/loading.gif" title="Please Wait..." />
                        <span class="waitingDescription">Loading...</span>
                    </div>
                </div>
            </apex:facet>
        </apex:actionstatus>
        </apex:outputpanel>
        <apex:actionFunction name="refreshOnDelete" action="{!deleteRow}" reRender="cptAdd"/>
        <apex:pageBlock id="cptAdd" >
            <apex:pageBlockSection title="Project Plan Information Details" collapsible="false" columns="1">
                <apex:commandLink value="Add Row" action="{!addPlanRow}" reRender="cptAdd" status="savestatus"/>
                <apex:pageBlockTable value="{!lstprojectwrapper}" var="cpt">
                    <apex:column headerValue="Action">
                        <apex:commandlink value="Edit" reRender="cptAdd" rendered="{!cpt.Pplan.id!=rId}" style="color:blue" action="{!cpt.enableEditMode}" status="savestatus"/><apex:outputText value=" | " rendered="{!cpt.Pplan.id!=rId}"></apex:outputText>
                       
                    </apex:column>                   
                    <apex:column headerValue="Name">
                        <apex:outputField value="{!cpt.Pplan.Name}" rendered="{!NOT(cpt.isEditMode)}"/>
                        <apex:inputField value="{!cpt.Pplan.Name}" rendered="{!cpt.isEditMode}"/>
                    </apex:column>                  
                   
                </apex:pageBlockTable>
            </apex:pageBlockSection>
            <apex:pageBlockButtons location="bottom">
                <apex:commandButton value="Save" action="{!Saveplan}" rerender="opId,fid" status="savestatus"/>
               
            </apex:pageBlockButtons>
        </apex:pageBlock>
    </apex:form>
</apex:page>
                 

Thanks,
Vicky
Best Answer chosen by vickySFDC
Ashif KhanAshif Khan
Hi Vicky,
  It  is a beta version of Lightning Experience stylesheets for Visualforce. Might Be due to some unknown reasons it's not working 

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/vf_dev_best_practices_slds_lightningstylesheets.htm

 
<apex:page >
    <apex:slds />
<button class="slds-button slds-button_brand">Button</button>
</apex:page>
                 
currently  <apex:slds /> working fine you can use it.

Regards
Ashif
 

All Answers

SandhyaSandhya (Salesforce Developers) 
Hi,

Make sure that you have latest API version of VF page.

Please mark it as solved if my reply was helpful. It will make it available for other as the proper solution.
 
Best Regards
Sandhya
 
Waqar Hussain SFWaqar Hussain SF
Check the version of you visualforce page. You must be selected the latest version of VF page i.e 40 or 41. 
vickySFDCvickySFDC
Hi All ,
  I have checked VF page API version latest version 42.0 and till it is not supported.

Thanks
Ashif KhanAshif Khan
Hi Vicky,
  It  is a beta version of Lightning Experience stylesheets for Visualforce. Might Be due to some unknown reasons it's not working 

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/vf_dev_best_practices_slds_lightningstylesheets.htm

 
<apex:page >
    <apex:slds />
<button class="slds-button slds-button_brand">Button</button>
</apex:page>
                 
currently  <apex:slds /> working fine you can use it.

Regards
Ashif
 
This was selected as the best answer
vickySFDCvickySFDC
Hi Ashif,
  Its working fine and thanks for immediate response.
Thanks, 
vicky