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.

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'}"/>
  • 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 Jun 13 '16 at 17:35
  • Edited the response .Hope this helps – Mohith Shrivastava Jun 13 '16 at 21:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.