You need to sign in to do that
Don't have an account?
vickySFDC
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
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
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
currently <apex:slds /> working fine you can use it.
Regards
Ashif
All Answers
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
I have checked VF page API version latest version 42.0 and till it is not supported.
Thanks
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
currently <apex:slds /> working fine you can use it.
Regards
Ashif
Its working fine and thanks for immediate response.
Thanks,
vicky