Use these attributes to change how the Next, Previous, Finish, Pause, and Don’t Pause buttons appear in your flow.
Attribute | Description |
---|---|
buttonLocation | Defines the location of the navigation buttons in the flow’s
user interface. Available values are:
For example:
<apex:page> <flow:interview name="MyFlow" buttonLocation="bottom"/> </apex:page> |
buttonStyle | Assigns a style to the flow navigation buttons as a set. Can
only be used for inline styling, not for CSS classes. For example:
<apex:page> <flow:interview name="MyFlow" buttonStyle="color:#050; background-color:#fed; border:1px solid;"/> </apex:page> |
You can override these predefined flow style classes with your own CSS styles.
Flow Style Class | Applies to... |
---|---|
FlowContainer | The <div> element containing the flow. |
FlowPageBlockBtns | The <apex:pageBlockButtons> element containing the flow navigation buttons. |
FlowCancelBtn | The Don’t Pause button. |
FlowPauseBtn | The Pause button. |
FlowPreviousBtn | The Previous button. |
FlowNextBtn | The Next button. |
FlowFinishBtn | The Finish button. |
FlowText | A text field label. |
FlowTextArea | A text area field label. |
FlowNumber | A number field label. |
FlowDate | A date field label. |
FlowCurrency | A currency field label. |
FlowPassword | A password field label. |
FlowRadio | A radio button field label. |
FlowDropdown | A drop-down list label. |