この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

フローのユーザーインターフェースのカスタマイズ

Visualforce ページにフローを埋め込んだ後、CSS を使用してカスタムスタイルを適用することによって、実行時のフローのデザインをカスタマイズできます。フローの属性と CSS クラスを併用することによって、ボタンの場所、ボタンのスタイル、背景、画面の表示ラベルのデザインなど、フローの個々の部分をカスタマイズできます。

フローボタンの属性

フローの [次へ] ボタン、[前へ] ボタン、[完了] ボタン、[一時停止] ボタン、および [一時停止しない] ボタンの表示方法を変更するには、次の属性を使用します。

属性説明

属性	説明
`buttonLocation`	フローのユーザーインターフェースでのナビゲーションボタンの場所を定義します。選択可能な値は次のとおりです。 `top` `bottom` `both` 次に例を示します。 `1<apex:page> 2<flow:interview name="MyFlow" buttonLocation="bottom"/> 3</apex:page>` 指定されていない場合、`buttonLocation` 値はデフォルトの `both` に設定されます。メモ
`buttonStyle`	フローナビゲーションボタンにセットとしてスタイルを割り当てます。CSS クラスではなく、インラインスタイルでのみ使用できます。次に例を示します。 `1<apex:page> 2 <flow:interview name="MyFlow" buttonStyle="color:#050; background-color:#fed; border:1px solid;"/> 3</apex:page>`

buttonLocation

フローのユーザーインターフェースでのナビゲーションボタンの場所を定義します。選択可能な値は次のとおりです。

top
bottom
both

次に例を示します。

1<apex:page>
2<flow:interview name="MyFlow" buttonLocation="bottom"/>
3</apex:page>

指定されていない場合、buttonLocation 値はデフォルトの both に設定されます。

メモ

buttonStyle

フローナビゲーションボタンにセットとしてスタイルを割り当てます。CSS クラスではなく、インラインスタイルでのみ使用できます。

次に例を示します。

1<apex:page>
2  <flow:interview name="MyFlow" buttonStyle="color:#050; background-color:#fed; border:1px solid;"/> 
3</apex:page>

フロー固有の CSS クラス

これらの事前定義済みのフロースタイルクラスは、独自の CSS スタイルで上書きできます。

フロースタイルのクラス	適用先...
FlowContainer	フローが含まれる `<div>` 要素。
FlowPageBlockBtns	フローナビゲーションボタンを含む `<apex:pageBlockButtons>` 要素。システム内の別の場所で適用されたボタンのスタイルによって、フローナビゲーションボタンの CSS スタイルが上書きされないようにするには、CSS スタイルをフローナビゲーションボタンに適用するたびに、このフロースタイルクラスを指定することをお勧めします。たとえば、`.FlowPreviousBtn {}` の代わりに、`.FlowPageBlockBtns .FlowPreviousBtn {}` と入力します。メモ
FlowCancelBtn	[一時停止しない] ボタン。
FlowPauseBtn	[一時停止] ボタン。
FlowPreviousBtn	[前へ] ボタン。
FlowNextBtn	[次へ] ボタン。
FlowFinishBtn	[完了] ボタン。
FlowText	テキスト項目の表示ラベル。
FlowTextArea	テキストエリア項目の表示ラベル。
FlowNumber	数値項目の表示ラベル。
FlowDate	日付項目の表示ラベル。
FlowCurrency	通貨項目の表示ラベル。
FlowPassword	パスワード項目の表示ラベル。
FlowRadio	ラジオボタン項目の表示ラベル。
FlowDropdown	選択リストの表示ラベル。

Visualforce 開発者ガイド

フローのユーザーインターフェースのカスタマイズ

フローボタンの属性

フロー固有の CSS クラス

関連項目: