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 an app, and changes the way it is rendered to the end-user. Boomi Flow uses Bootstrap; which means we have access to all the themes built by the friendly neighborhood developers at Bootswatch, out of the box. The themes are open source and released under the MIT license.
If we like, we can also create our own themes. Here is how:
- Namespace the theme’s CSS to .mw-bs. The easiest way to do this is to wrap it in a Less file.
@import (less) "mytheme.css";
- Upload the CSS with the namespace to a publicly available URL.
- Create a new player.
manywho.theming.custom('Theme CSS URL goes here');
|Note: Custom themes need to be Bootstrap 3 compatible.|
- Using themes
- Creating a new player
- Ways to change the UI
- Adding custom style to an app
- Custom branding your app
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.