function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Nick JosephNick Joseph 

Style Output Text in Screen Elements in Flow

Hello all,

Is there a way to edit the style of a Visual Flow, such that I can style the Output Text? I have read this article: https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui.htm

no help there. Here is some code, as you can see I was testing styling certain components of the flow, no luck with the output text 
<apex:page standardController="case" tabStyle="case" title="Escalate Case to Data Team" standardStylesheets="False">
        <style type="text/css">
            .OutputText {
                color: blue;
            }
            .FlowContainer {
                color: blue;
            }
            .FlowTextArea {
                color: green;
            }
            .FlowText {
                color: red;
            }
            .Text {
                color: blue;
            }
        </style>
            <flow:interview name="Data_Escalation" finishLocation="{!$Page.EscalateToDataFinish}" >
                <apex:param name="CaseID" value="{!Case.Id}"/>
            </flow:interview>>
</apex:page>
James LoghryJames Loghry
Judging by the double carat at line 21, perhaps it failed to save?  Otherwise did you try to add !important after the color to see if there isn't a precedent class that's interfering with the custom styles?
Nick JosephNick Joseph
Hello, I have not, and am unfamiliar with !Important. What's is its function? Thank you for your response, Nick Joseph