The Flow UI framework is split into discrete bundles of functionality that are loaded independently; together they form the complete UI framework. Each bundle is collection of related resources (JavaScript, CSS, images ,etc). The player tells the framework which bundles to load by ‘requiring’ them – with the requires
property.
Currently there are two supported bundles that are loaded by default by the Flow player:
- Core – The Core bundle includes core services that handle the ‘backend’ modeling.
- Bootstrap 3 – The Bootstrap 3 bundle includes the Bootstrap 3 implementation of supported components.
Bundles can be loaded via the requires
property on the root manywho
object in the player:
1 2 3 4 |
var manywho = { requires: ['core', 'bootstrap3'], ... } |
This is how the code looks like in the drawing tool: