function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
kromerokromero 

Add Image to Workflow

Is it possible to add an image to a visual workflow? The old solution posted in this post no longer works. http://boards.developerforce.com/t5/Visual-Workflow/How-to-add-images-to-flow-screen-in-Flow-Designer/m-p/413871#M288

Nithya@metasts.comNithya@metasts.com

Hi ,

     kromero 

 

      The link u have attached above explains about adding RichText Editor on the screen, but that information is wrong, RichText Editor is not available in the Screen element.

 

    Normally Flow does not provide standard way to add image.. But there is a workaround to add image into Visual workflow.

 

Add a Display Text to screen page and enter HTML markup to that text like regular HTML. Visual workflow render all text as html text.

 

 

To the Added Dispaly text  just specify the tag below :

 

<img src="http://www.wolfgangdigital.com/wp-content/uploads/2013/08/Google.jpg"

width="100%" height="auto" /> 

 

You will get the image , specified in <img src/>  tag as display image when u run that screen in the flow.

 

 

 

If u find this answer correct, give kudos to this post :)

 

 Thanks and Regards,

 Nithya / Salesforce Developer

 

 

 

 

kromerokromero

Hi Nithya,

 

I've tried that as well, but the screen displays as blank when I run the workflow. The image still won't display. Do you have any other suggestions?

 

Thanks,

Kim

Nithya@metasts.comNithya@metasts.com

Hi ,

 

Kromero

 

  I think u may did some error in html tag try out again. I have tried out this already it workedout properly.Just add display text in screen and add that html tag in that display text. while running the screen , the image will be displayed....If u have any doubts in this let me know.

kromerokromero

I really appreciate your help with this, but it's still not displaying. This is what I've entered and the screen just shows up as blank when I run the flow. Any suggestion on how to make this work?

 

<img src="{!URLFOR($Resource.X3P_Image, '3p.jpg}" width="100%" height="auto" />