Apex Code Development You need to sign in to do that
Don't have an account?
dmcheng Override FlowPageBlockBtns CSS for Visual Flow page?
Has anyone been successful in overriding the FlowPageBlockBtns CSS for a Visual Workflow VF page?
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui.htm
I want to center the buttons and have tried to override the Salesforce CSS several ways but none of them work, the buttons still end up with text-align:right. See code and resulting screenshot where the overrides haven't taken effect.
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui.htm
I want to center the buttons and have tried to override the Salesforce CSS several ways but none of them work, the buttons still end up with text-align:right. See code and resulting screenshot where the overrides haven't taken effect.
<apex:page showHeader="false" sidebar="false" standardStylesheets="false">
<style>
.FlowPageBlockBtns,
.pbHeader .pbButton td,
.pbHeader .td {
text-align: left !important;
}
body {
font-size: 1.2em;
}
</style>
<div>
<div style="text-align: center;">
Quote Request Form
</div>
</div>
<flow:interview name="Quote_Request_Form" />
</apex:page>