0

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:

enter image description here

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.

Thanks to @Mohith-Shrivastava, I added the StyleSheet and now the Custom Console Component looks perfectly Lightning worthy: enter image description here

Further working my 'Cases by Contact' Custom Console Component, I now wish to have the Related List in a Vertical Manner (to cope with the spacing limitations), and I wonder how to combine the Lightning Vertical Component with the Cases Related List. If anyone can further assist with the Apex Extension, I would be grateful.

Thank you, Ido.

Improve this question

1 Answer 1

Reset to default
0

There are couple of things you will need to do here ,

1.Switch of the standard Stylesheets

<apex:page standardcontroller="Case" standardStyleSheets="false" showHeader="false">

2.You will need to rebuild the table of records via SLDS Datatable using apex:repeat

The apex:stylesheet might not be properly loaded .

<apex:stylesheet value="{!$Resource.SLDS080,'/SLDS080/assets/styles/salesforce-lightning-design-system-vf.css'}"/>
Improve this answer
2
  • Thanks for the reply @Monith-Shrivastava. Switching to the standard Stylesheet took the Traditional Design away, but did not apply the Lightning Design as expected. Any idea what I am missing?
    – iDog
    Commented Jun 13, 2016 at 17:35
  • Edited the response .Hope this helps
    – Mohith Shrivastava
    Commented Jun 13, 2016 at 21:34

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .