Winter 18 – Automatic Styling of Visualforce Pages in Lightning Experience

Reason I posted previous blog was to showcase life of Visualforce developer before and after Winter 18. If we want to use same Visualforce in classic and Lightning experience then we had to check theme of logged-in user in Visualforce and render page section accordingly.

However, not any more. With Winter 18, we have LightningStylesheet attribute available for apex:page tag. Below source code produces same output as of previous code, however no extra logic to detect and render page section as per logged in user theme.

Winter 18 - Automatic Styling of Visualforce Pages in Lightning Experience — Winter 18 – Automatic Styling of Visualforce Pages in Lightning Experience

Note :

This feature is still in Beta and Salesforce team is doing their best to produce most efficient code to render existing Visualforce into Lightning experience.
This would be applicable only for apex: tags in Visualforce. Custom stylesheet or hacks around standard stylesheet may not work.
Salesforce is also working on Google chrome extension which will show existing visualforce that how existing Visualforce page will look after using this tag. However there is no confirmed URL of this extension yet and could be available in next release.

Posted

September 6, 2017

Salesforce

Jitendra

Tags:

Release, Winter 18

Comments

5 responses to “Winter 18 – Automatic Styling of Visualforce Pages in Lightning Experience”

Manvendra

October 2, 2017

Hello Sir ,
I was trying to implement lightningstylesheets on my VisualForce page , but i was getting below error .
“Unsupported attribute lightningstylesheets in “

Reply
1. Jitendra Zaa
  
  October 2, 2017
  
  Hi Manvendra, its only supported for Winter 18 onwards. You would need to change the API version of VF page to latest API.
  
  Reply
Manny

October 4, 2017

I just copied and pasted the code and it works like a charm. But my question is where are those filterId, listViewOptions are bind to? Also there’s an init(); method too. But i cant see the method in VF too. Please help to elaborate more. I’m pretty much new to SFDC.

Thanks,
Manny

Reply
Anshu Singh

February 11, 2018

Hello Sir,
How do I designate the field of data and contact data in a Visually FORCE Page so that when a data connection is saved, then a contact and an account becomes CREATE?
Thanks…

Reply
Aviv Caspi

June 6, 2018

Hi,
We are using the lightning design in a visualforce page. For some reason, in SB it works amazing but when we deploy it to production there is no design.
Did you have the same issue before? How can we solve it?

Thank you,
Aviv.

Reply