Thursday, August 8, 2019

How to Display Hyperlink in Visual Force Page When Rendering in Lightning Experience


  • To do this we have to use the Salesforce Lightning Design System(SLDS) styles in visual force page.
  • In SLDS we have a style class called slds-text-link which will highlights the specified text with different color with underscore link.

Sample Source Code:


<apex:page standardController="Case"  sidebar="false" lightningStylesheets="true">
    <apex:slds />
    <apex:form id="formId" >
      
        <div class="slds-text-link">
            <apex:outputText>I Love Coding</apex:outputText>
            
        </div>
    </apex:form>
</apex:page>

Output:



Hope this helped you..Enjoy!..

1 comment:

  1. Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing. angularjs development agency

    ReplyDelete