tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:VisualforceをLightning Experienceで利用するときにCSSを追加する方法

Trailheadに気になる実装方法が紹介されていました。VisualforceページはLightning Experienceでも利用できるのですが、Experience側で利用したときにのみCSSを追加するという方法があるみたいです。

f:id:tyoshikawa1106:20151028230336p:plain

Understanding Important Visual Design Considerations Unit | Salesforce Trailhead


この部分でCSSを追加しています。

<!-- Lightning Desktop extra styles -->
<script type="text/javascript">
  if( (typeof sforce != 'undefined') && sforce && (!!sforce.one) ) }
    link = document.createElement( "link" );
    link.href = "{! URLFOR($Resource.AppStyles, 'lightning-styling.css') }";
    link.type = "text/css";
    link.rel = "stylesheet";
    link.media = "all";
    document.getElementsByTagName("head")[0].appendChild(link);
  }
</script>


実際に試してはいないのですが、こういうことができるということを覚えておくといつか役に立ちそうです。