Advertisements
<
Use Image on Visual Work Flow

Use Image on Visual Work Flow

Save this Flow and Activate it.

–> Improve Visual Workflow UI

If you are using Visual Workflow on Visualforce Page then you can change following things

  1. buttonLocation : – You can define the location of navigation buttons in the flow user interface. Available values are Top, Bottom and Both.
  2. buttonStyle : – You can define style to the flow navigation as a set. Can only be used for inline styling, not for CSS classes
  3. FlowText : – You can define A field label.
  4. FlowCurrency : – You can define A field label.

Note: – To learn more about “Customizing a Flow’s User Interface” click on the URL.

Now create a Visualforce Page and embed your Flow. To change the  label of Text field (Name (Text), Phone Number (Text)) defines one CSS class and use it in Visualforce page


.FlowText {
  color: green;
}

Likewise you can define CSS class different attributes. finally our page looks like below screenshot

Child Care Donation Page

Child Care Donation Page

You can download the full code from Github or From Chatter. let me know if you are unable to download the code.

Have feedback, suggestions for posts, or need more information about Salesforce online training offered by me? Say hello, and leave a message!

Advertisements

Like this:

Author: Rakesh Gupta

6x Salesforce MVP | Solution Architect | Author of 7 books at Packtpub Publishing and Apress | 4x Dreamforce Speaker | Salesforce Coach
Posted in Lightning Flow | 6 Comments | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , |

6 thoughts on “Visual Workflow (Flow) tips and tricks

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • %d bloggers like this: