読者です 読者をやめる 読者になる 読者になる

tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Lightning Desgin SystemのActivity Timelineと背景色

salesforce.com Lightning

SalesforceのCSS Framework - Lightning Design SystemにはAcitivity TimeLineというコンポーネントがあります。

f:id:tyoshikawa1106:20150919220532p:plain


けっこう便利そうなのですが、このコンポーネントの背景色は白で指定されています。

f:id:tyoshikawa1106:20150919220740p:plain


Salesforce1の背景色に合わせて背景色を指定するのもいいのですが、次の方法で背景色を透過指定してしまうのもいいんじゃないかと思います。

style="background-color: rgba(0,0,255,0);

f:id:tyoshikawa1106:20150919221128p:plain


実際に透過指定してみた結果がこちらです。
f:id:tyoshikawa1106:20150919221020p:plain


rgbaは古いバージョンのブラウザでは動作しなかったりするみたいですが、そういったブラウザのサポートが必要なければ問題ないと思います。


ちなみにですがSalesforce1モバイルアプリでも正常に動作していました。