Salesforceの何らかの条件によってデザインを変更したいということはありませんか？

よく「金額がマイナスの時には赤文字で表示したい」や「チェックボックスによって表示を非表示にしたい項目がある」というようなお問い合わせをいただきます。

本記事では、「金額がマイナスの時には赤文字で表示したい」を例に、条件によって表示を変える、「スタイルセット」という機能をご紹介します！

まず、デザイナにログインします。

変更をしたいテンプレートを開いて、

labelコンポーネントを置きます。

labelをクリックして、「スタイルセット」プロパティの「追加」をクリックし、

好きな名前を付けて「ok」ボタンをクリックします。
（赤い文字で表示する際のスタイルを設定しますので「red」としました）

スタイル「red」が選択されている状態で、フォントのカラーを変更します。
この時、タイプが「動的」であることを確認します。

テンプレートを保存して、マッピング画面に進みます。

マッピング画面の[6th]を開くと、「スタイル」が「デフォルト」と「red」にわかれています。
そうです、スタイルがそれぞれの時のデータや条件を設定できるんです！

「デフォルト」には、金額の項目をマッピングしました。

「red」も同じ項目を設定し、
「red」を表示するときの条件を指定します。

最後に、保存をして、配備をします。

出力を試してみましょう！

金額がプラスの時は黒字ですが…

マイナスの時には赤字になりました！

いかがでしたでしょうか？

条件によって文字のスタイルを変更できる「スタイルセット」をご紹介しました。
色を変えるだけでなく、表示するマッピング項目を変えたり、label自体を非表示にすることなどもできます。デザインの幅がぐっと広がりますので、ぜひお試しください。

それではまた次回＾＾