Skip to main content
Feedback

Default legacy player

warning

The content on this page is outdated and will not receive updates. For the most up-to-date functionality, refer to Setting up and managing flows.

You can continue to use the default legacy player to run your flows.

warning

We recommend you to use the default player over the legacy player for an effective and seamless experience. The new player is fast-paced and a lighter version of the legacy player.

Overview

The default legacy player is based on the 'paper' Bootstrap 3 theme. See Player themes.

Theme preview

  • The default legacy player offers a responsive, mobile-friendly experience when viewing a flow in a browser or on a mobile device, and can be used as a base from which to develop your own custom players.

  • Changes cannot be made to the default legacy player; if you wish to extend the functionality and styling of the default legacy player, you will need to create a custom player. See Creating a custom player.

The main player HTML sections are as follows:

The <link> references contained in the <head> section load a favicon for the web application across browser/device environments. Change these links in a custom player to display a different favicon for yourweb application, for example your company logo or branded favicon.

Favicon links in the default player

Title

The <Title> tag sets the browser page title to 'Boomi Flow'. Change this in a custom player to display a different browser page title for your flow.

Title in the default player

Flow loading spinner

The inline CSS within the <Style> tag configures the default spinner that is shown when a flow is loading/waiting.

Loading spinner in the default player

The inline CSS layer within the <Body> tag displays the default spinner shown when a flow is loading/waiting.

Loading spinner in the default player

Note: Change this code in a custom player to set a different flow spinner, for example to use your company branding or logo. See Customizing the loading spinner.

Flow User Interface framework bundles

The Flow User Interface framework is split into discrete bundles of functionality that are loaded independently; together they form the complete User Interface framework. Each bundle is a collection of related resources (JavaScript, CSS, images etc). The default legacy player defines which bundles are loaded using the requires property.

Bundles are loaded via the requires property on the root manywho object in the player, with the following supported bundles also loaded by the default legacy player:

  • Core: The Core bundle includes core services that handle the ‘backend’ modelling.

  • Bootstrap3: The Bootstrap3 bundle includes the Bootstrap 3 implementation of supported components.

User interface bundles in the default player

Note: The Offline bundle can also be loaded into a custom offline player here if offline flows functionality is required. See Configuring an offline flow.

Settings

The default legacy player supports various settings that can be specified when the player initializes.

You can customize any of the settings by passing them into manywho.settings.initialize({}) in a custom player. See Default legacy player settings.

Settings in the default legacy player

Options

The default legacy player supports various options that allow you to modify the behaviour of the player.

You can customize these options as required in a custom player. See Default legacy player options.

Options in the default legacy player

On this Page