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>


Hope this helped you..Enjoy!..


  1. Thanks for such a pleasant post. This post loaded with lots of useful information. Keep it up. If you are looking for the best information and suggestions related to online coding classes for kids then visit Techno Smart Kids.

  2. Thank you for sharing your knowledge and experience. I really appreciate the author's efforts in writing these high quality educational articles. Glad to discover this blog, great blog. Full stack developer course in Chennai

  3. 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