Tags App Design

App Design

Using your custom component in a flow

Creating your own custom component is fairly straightforward. Here is how you can use a custom component in a flow. Build a...

Design thinking – Map elements

Here are some tips from one of our Flow solutions engineers: When you are designing your flow, use multiple map elements...

Page layout — Table

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Working with Date and Time in Flow

This doc may or may not have been written in the presence of tachyon particles. :) Physics asides apart, when you are building apps with...

Deleting page conditions

Here is how to delete a page condition: Click the Page Conditions icon. This opens the Page Conditions configuration panel. ...

Editing page conditions

Here is how you can edit a page condition: Click the Page Conditions icon. This opens the Page Conditions configuration panel. ...

Working with page conditions

We can use Flow page conditions (which are very similar to business rules) to conditionally vary the components that are shown to the end-users...

Containers – Creating columns

A page container is like a scaffolding for the page layout.  If we embed one container inside another, the containers get nested in rows by...

Customizing the Flow spinner (CSS loader)

The Flow player includes a default spinner that is displayed when the flow is waiting... this is what the spinner looks like in action: Like...

Making a column editable in a table

If we want to have a table that is editable in a page layout, we need to edit the metadata of the page to...

Playing a YouTube video in the background

An image is worth a thousand words. A video, on the other hand, is worth a few thousand images... Here is how we can...

Creating a different flow path for message action errors

We've all heard the proverb Homo proponit, sed Deus disponit; better known as Man proposes, but God disposes. There is a modern adaptation of the saying...

Instant app: A menu on the left

When we build an app with a menu, typically the navigation appears at the top of the page. However, we can customize the menu...

Sending inputs to a flow

We can pass data to a flow as it is being initialized; giving us the flexibility to launch predefined tasks (for example, search for a...

Custom component: Linking telephone numbers for click to call

Boomi Flow comes with a ton of pre-built components that we can use straight out of the box. For example, combo box, user inputs,...

Scheduling a flow to wait

There are two ways to schedule a flow to wait - the first is by specifying a relative amount of time to wait for...

Changing outcome order (Previous/Next buttons)

We know, outcomes connect elements in the canvas and show how a flow progresses. Typically, when we create outcomes, we are creating buttons that...

Displaying buttons with icons

By default, app buttons in Boomi Flow do not come with icons. Do not despair; adding icons is as easy as adding an attribute....

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,...

Flow UI framework – Supported bundles

The Flow UI framework is split into discrete bundles of functionality that are loaded independently; together they form the complete UI framework. Each bundle...

Understanding the Flow UI framework

The Flow UI framework primarily consists of two types of script files: Components and Services. 1. Components Components let us split our app UI into independent,...

Creating a custom component

A component is a presentational element in a page layout. Some of the components we see in the drawing tool include content (like presentation...

Adding custom JavaScript and stylesheets

We can add custom resources, for example JavaScript code or a CSS stylesheet to the Flow player. Here is how: Upload the...

Creating a custom theme

With Boomi Flow, we can use themes to change the look-and-feel of our apps. A theme produces a harmonious design for the elements within...

Enabling the time picker

By default the date/time picker does not display the time or allow users to specify a time; when selecting a date, the time component...

Using Salesforce for authentication

As part of the Salesforce Service, we provide various authentication approaches to match the specific needs for your application. How app users authenticate with Salesforce As...

Building branded apps

"Branding," as the positioning pundits are fond of saying, begins with well... er... the brand. We can build white label apps for our clients...

Tutorial: Building a form

We can build forms in Flow very easily. Want proof? Let's create a form that asks a user for Name, Email, and feedback. We...

Creating a new player

A Boomi Flow player is the interface used to render our apps. All Boomi Flow tenants ship with a default player, that can be...

Using themes

With Boomi Flow, you can use themes to change the look-and-feel of your apps.  A theme produces a harmonious design for the elements within...

Tutorial: Using iFrames

We can use iFrames in our apps to embed content within content. One use case of iFrames is to make sure there is a...

Tutorial: Getting user input

You can get input from a user, by using the Input element in a page layout. Let's build an app that asks the user for...

Tutorial: Connecting a web page

Sometimes, you may want your users to connect to a web page or a website, when they click a button. For example, they may...

Tutorial: Using a combo box for size selection

You can use a combo box to show users a picklist of items (Size, zip codes, salutation, etc.) and save the selection to a...

Tutorial: App to populate PDF forms

We can use Boomi Flow to create apps that can handle PDF files. This is handy if we want to send a form for...

Tutorial: Using page conditions to show text on toggle

We can use Boomi Flow page conditions (which are very similar to business rules) to conditionally vary the components that are shown to the...

Tutorial: Passing values from one flow to another using flow out

The flow out feature allows you to connect flows together into a single user journey. This is done by changing a user outcome to...

Authenticating app users

When a flow is created, you must define the overall authentication for the flow - and the directory the user must authenticate against to gain...

Tutorial: Sending mails using ManyWho Email

You can build an app in Boomi Flow that sends emails to your contacts or customers, without the need to integrate any third-party email service...

Tutorial: Sending mails with Google Apps

With Boomi Flow, you can build an app that uses an email service (like Google Apps or Microsoft Exchange) to send emails to users. Here...

Step 2: Adding multiple screens

In the first tutorial, we learnt how to build an app with a single screen. Let's now build an app with multiple screens. We will...

Previewing a page

You can see how your page will look by previewing it periodically from time to time, as you are working on the page layout....

Setting up the Salesforce player

You can run your flows from Salesforce. To do that, you need to add a custom player, and select it when running the flow....

Adding custom style to an app

You can add custom CSS to style the content of the apps you are building using Boomi Flow. To add custom styles, you can...

Locking to a specific UI version

Boomi Flow CSS and JavaScript assets for the Flow HTML5 player are updated periodically. If you do not want the user interface to change,...

Naming conventions

Data (like numbers, text, or date) or instances of a type (say, Type: Customer), are stored as values in Boomi Flow. Values, once created,...