Регистрация  |  Вход

Visualforce + lightningStylesheets="true"

Сегодня натолкнулся на интересную фичу для старого доброго Visualforce.
Я думаю будет очень полезно тем кто до последнего остается верным своим привычкам.

Style Existing Visualforce Pages with Lightning Experience Stylesheets

Легцим движением руки Visualforce превращается в Lightning

<apex:page lightningStylesheets="true">

Насколько я понял это будет отдельный css пакет который позволит приблизить внешний вид старого VF к современному Lightning UI, при это вы можете как и раньше продолжать использовать старые VF атрибуты.

Это не полноценный SLDS поэтому могут быть проблемы с обычным кастомным html.

Сегодня натолкнулся на интересную фичу для старого доброго Visualforce.
Я думаю будет очень полезно тем кто до последнего остается верным своим привычкам.

[url=https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/vf_dev_best_practices_slds_lightningstylesheets.htm]Style Existing Visualforce Pages with Lightning Experience Stylesheets[/url]

Легцим движением руки Visualforce превращается в Lightning :) 

[code]<apex:page lightningStylesheets="true">[/code]

Насколько я понял это будет отдельный css пакет который позволит приблизить внешний вид старого VF к современному Lightning UI, при это вы можете как и раньше продолжать использовать старые VF атрибуты.

Это не полноценный SLDS поэтому могут быть проблемы с обычным кастомным html.


Dmitry Shnyrev
Сегодня натолкнулся на интересную фичу для старого доброго Visualforce.
Я думаю будет очень полезно тем кто до последнего остается верным своим привычкам.

Style Existing Visualforce Pages with Lightning Experience Stylesheets

Легцим движением руки Visualforce превращается в Lightning

<apex:page lightningStylesheets="true">

Насколько я понял это будет отдельный css пакет который позволит приблизить внешний вид старого VF к современному Lightning UI, при это вы можете как и раньше продолжать использовать старые VF атрибуты.

Это не полноценный SLDS поэтому могут быть проблемы с обычным кастомным html.


да, мы этого долго ждали, но пока ждали выкатили свою минибиблиотечку которая делала из VF -> lightning

Но думаю после WI18 мы все свое снесем и перейдем на это чудо

[quote="Dmitry Shnyrev"]Сегодня натолкнулся на интересную фичу для старого доброго Visualforce.
Я думаю будет очень полезно тем кто до последнего остается верным своим привычкам.

[url=https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/vf_dev_best_practices_slds_lightningstylesheets.htm]Style Existing Visualforce Pages with Lightning Experience Stylesheets[/url]

Легцим движением руки Visualforce превращается в Lightning :) 

[code]<apex:page lightningStylesheets="true">[/code]

Насколько я понял это будет отдельный css пакет который позволит приблизить внешний вид старого VF к современному Lightning UI, при это вы можете как и раньше продолжать использовать старые VF атрибуты.

Это не полноценный SLDS поэтому могут быть проблемы с обычным кастомным html.[/quote]
да, мы этого долго ждали, но пока ждали выкатили свою минибиблиотечку которая делала из VF -> lightning

Но думаю после WI18 мы все свое снесем и перейдем на это чудо

А кто нибудь проверял как работет это чудо? Я чёт пробую - ни фига не менятется ни в лайтнинге ни на мобильном устройстве.

А кто нибудь проверял как работет это чудо? Я чёт пробую - ни фига не менятется ни в лайтнинге ни на мобильном устройстве.

Насколько я помню это для Classic. Чтобы включить стили от Lightning на стандартных VF компонентах.
На самом Lightning это смысла не имеет. А на мобильном врядли поддерживается (хотя стоит уточнить что значить на мобильном устройстве).

Насколько я помню это для Classic. Чтобы включить стили от Lightning на стандартных VF компонентах.
На самом Lightning это смысла не имеет. А на мобильном врядли поддерживается (хотя стоит уточнить что значить на мобильном устройстве).

Согласно release notes

To style your Visualforce page to match the Lightning Experience UI when viewed in Lightning Experience. Salesforce for Android, Salesforce for iOS, or Salesforce mobile web, set lightningStylesheets="true" in the <apex:page> tag. When the page is viewed in Salesforce Classic, it doesn’t get Lightning Experience styling.

Согласно release notes

[code]To style your Visualforce page to match the Lightning Experience UI when viewed in Lightning Experience. Salesforce for Android, Salesforce for iOS, or Salesforce mobile web, set lightningStylesheets="true" in the <apex:page> tag. When the page is viewed in Salesforce Classic, it doesn’t get Lightning Experience styling.[/code]

Работает. Я у себя на некоторых страничках, чисто попробовать сделал. Но слишком много пустого места получается. Может как вернусь к тем страничкам опять попробую. В новом релизе обещали уменьшить количество пустого места...

Работает. Я у себя на некоторых страничках, чисто попробовать сделал. Но слишком много пустого места получается. Может как вернусь к тем страничкам опять попробую. В новом релизе обещали уменьшить количество пустого места...

Как узнать из кода использует клиентский орг Lightning Experience или нет ?

Как узнать из кода использует клиентский орг Lightning Experience или нет ?