function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Ido Greenbaum 10Ido Greenbaum 10 

visualforce page to list cases by contact using 'case.contactId' - Lightning Design

Hi Community, 
I have a business use case demand to show a list of Cases for the current associated Contact on the Case Feed. 
I was able to achieve this with the below VisualForce Page: 
<apex:page standardcontroller="Case">
<apex:relatedList list="Cases" subject="{!Case.ContactId}"/>
</apex:stylesheet>
</apex:page>
As can be seen in the result, I have the traditional SalesForce CSS, which doesn't feet the overhaul Case Feed layout - based on Lightning: 
cases by contact

Now, I am trying to set the CSS of the VisualForce Page to match the lighning design, with the below addition: 
<apex:stylesheet value="/resource/SLDS080/assets/styles/salesforce-lightning-design-system-vf.css">
And this doesn't seem to have any affect. 

Can anyone assist in understanding what's the easiest way to 'tweak' the VF Page to have the Lighning UI? 

Thakn you, 
Ido. 
 
Ido Greenbaum 10Ido Greenbaum 10
I was able to achieve this by adding the Lightning Styleheet : 
<apex:stylesheet value="{!URLFOR($Resource.SLDS080, 'assets/styles/salesforce-lightning-design-system.min.css')}" />


cases by contact

I now wonder if anyone can help getting the apex:relatedList to show as Lightning Vertical List:
https://www.lightningdesignsystem.com/components/utilities/lists/