Changing the color of outcome buttons

We can create buttons in any colors with Flow, as long as they are black. Wait, that’s not true. We can create green, white, red, and purple buttons too! Right off the drawing tool. Boomi Flow buttons are blue by default.

Let’s look at how we can do this. First, we have a 16-second video on how to create a green button. Next, we have the steps outlined in detail.

Video…

Steps…

  1. Double-click the outcome. This opens a configuration panel on the right.
  2. Click the + sign to expand the Advanced options.
  3. Select an option from the Appearance menu. Let’s say, Add.
  4. Click Save Outcome.

“Where is the magic”, you ask? The magic has already happened. Let’s run the flow.

We can get a green button by selecting Add, Import, Update, Upsert.

What if we want a red button instead? Let’s select Cancel from the Appearance menu.

And run the flow…

We can get a red button by selecting Cancel, Delete, Reject, or Remove.

Let’s get a blue button! Select Apply from the Appearance menu.

And run the flow…

We can get a blue button by selecting Apply, Insert, New, Save, or Submit.

Perhaps we would like a white button? Select Back from the Appearance menu.

And run the flow…

We can get a white button by selecting Back, Close, Delegate, Done, Next, or Open.

The color purple, ladies and gentlemen! Select Edit from the Appearance menu.

And run the flow…

We can get a purple button by selecting Edit, Escalate, or Query.

Here is a list of colors we can select, and their corresponding actions:

  • Green — Add, Import, Update, Upsert
  • Red — Cancel, Delete, Reject, Remove
  • Blue — Apply, Insert, New, Save, Submit
  • White — Back, Close, Delegate, Done, Next, Open
  • Purple — Edit, Escalate, Query

Check out the glossary for a definition of terms and key concepts that appear in the Boomi Flow website, drawing tool, technical documentation, blogs, and marketing communications.

If you need to take a closer look, click on the images to enlarge them. Have a question? Click the Help button on the bottom right-hand corner of this page to ask.