Skip to main content
You can also upload an image directly to the Media Library on the spot when configuring a process using the UI Designer. More information here.

​
Uploading a new asset

To upload an asset to the Media Library, follow the next steps:
  1. Open FlowX Designer.
  2. Go to Content Management tab and select Media Library.
  3. Click Add new item (”+” button in the top-right corner), the following details will be displayed:
    • Upload item - opens a local file browser
    • Key - the key must be unique, you cannot change it afterwards
  1. Click Upload item button and select a file from your local browser.
  2. Click Add to upload the asset.
You can upload files in PNG, JPEG, JPG, GIF, SVG, WebP, or PDF format. The maximum supported file size is 25 MB for any file type.

​
Displaying assets

Users can preview all the uploaded assets just be accessing the Media Library. You have the following information about assets:
  • Preview (thumbnail 48x48)
  • Key
  • Format (”-” for unknown format)
  • Size
  • Used as icon
  • Edited at
  • Edited by

​
Searching assets

You can search an asset by using its key (full or substring).

​
Updating assets

You can replace an item on a specific key (this will not break references to process definitions). To do that, click on the asset and select *Upload item then click Update.

​
Icons

The Icons feature allows you to personalize the icons used in UI elements. By uploading SVG files through the Media Library and marking them, you can choose icons from the available list in the UI Designer.
  • Use as icon - this will mark the SVG file as an icon and it will be displayed in the UI Designer
When selecting icons in the UI Designer, only SVG files marked as icons in the Media Library will be displayed.
To ensure optimal visual rendering and alignment within your UI elements, it is recommended to use icons with small sizes such as: 16px, 24px, 32px.Using icons specifically designed for these sizes helps maintain consistency and ensures a visually pleasing user interface. It is advisable to select icons from icon sets that provide these size options or to resize icons proportionally to fit within these dimensions.
Icons are displayed or rendered at their original, inherent size.

​
Referencing assets in UI Designer

You have the following options when configuring image components using UI Designer:
  • Source Location - here you must select Media Library as source location (or directly select “Upload to Media Library” button for on the spot upload)
  • Image Key - automatically populated with the key of the asset when selecting an asset from the Media Library
More details on how to configure an image component using UI Designer - here.

​
Customization

Content-specific icons pertain to the content of UI elements, such as icons for input fields or send message buttons. These icons are readily accessible in the UI Designer. More details on how to add icons on each element, check the sections below:

Input element

Select element

Buttons

​
Export/import media assets

The import/export feature allows you to import or export media assets, enabling easy transfer and management of supported types of media files.

​
Import media assets

Use this function to import media assets of various supported types. It provides a convenient way to bring in images, videos, or other media resources.

​
Export all

Use this function to export all media assets stored in your project as a zip file.
⌘I