# Asset Manager

An organization needs to have a platform that allows them to organize and manage their required files and content.

Modyo allows you to upload, review, and edit files within the same platform, through the Asset Manager tool. This can be accessed from your Spaces, Sites, or in the side menu within Content.

The File Manager allows you to upload file extensions of all types. The only requirement is that the files are within the size limits. The limits are:

  • Images: 30 MB
  • Videos: 200 MB
  • Audio: 100 MB
  • CSV: 2 MB
  • Files: 100 MB

The valid file types are:

  • Images: "3gp", "aac", "alac", "dsd", "flac", "mp3", "pcm", "wav", "m4a", "ogg", "wma"
  • Videos: "av", "avi", "f4v", "flv", "mkv", "mov", "mp4", "mpeg", "webm", "wmv"
  • Audios: "apng", "avif", "bmp", "gif", "ico", "jpeg", "jpg", "png", "svg", "tif", "tiff", "webp"
  • Files: "7z", "ai", "apk", "css", "csv", "doc", "docx", "fon", "ico", "iso", "jar", "js", "msi", "ods", "odt", "otf", "pdf", "ppt", "pptx", "rar", "rss", "rtf", "scss", "tar", "tex", "ttf", "txt", "vcf", "wdp", "xhtml", "xls", "xlsm", "xlsx", "xml", "zip", "one", "ecf", "pub", "xps", "json"

# Rich Text

Add image button inside a rich text textbox

# Multiline

Asset manager button inside a multiline box

# Assets Selector

Asset list button

The second one is directly through the Asset manager tool found in the Content section.

Asset manager from the main menu.

# About the interface

Asset manager UI

The Asset manager interface displays a list of all the files that exist within the platform.

In the upper right part of the screen you can see the percentage of space used corresponding to the total allocated for the account and the button to upload new files.

The list has three different filters for browsing files.

The three filters inside asset manager

Extensions: Use this to filter all files of the same type within the platform (the default list displays all uploaded files).

Tags: This filter allows you to display all files that match all selected tags.

Tip

If you want to add a tag to a file or group of files, you can do so by directly editing the file or by using the bulk actions that appear at the bottom left of the list.

This will appear as soon as you select the first item (by clicking on the checkbox in the first column.)

If you select one or more checkboxes that are on your screen, the button will only assign tags to those files you've selected.

Apply tags to assets to identify them

Search bar: With the search bar, the manager will show you all files with titles or metadata that match your search terms. This also includes searches for specific file extensions, tags, and the names of users who uploaded a file.

Tip

Modyo displays 30 files at a time, and this value cannot be updated.

Each file listed in the main view shows the following information and attributes:

The available columns when searching for an asset.

Attributes with arrows can be sorted by either ascending and descending order. The default sort order is the file upload date.

Preview: Image files display small thumbnail previews. Non-image files do not use this feature.

Name: File name with the extension included. Ordering by this field sorts all files alphabetically.

Type: File type and extension. The ordering is in alphabetical order first by type and then by the letter of the name of the extension.

Size: Size in kilobytes of the file.

Created on: Upload or creation date within the platform, independent if the file was created on a different date in another service.

Author: Name of the user who uploaded the file, as long as the user has a name assigned.

The lower right corner lists the pagination of all your account files.

# File Properties

Edit Asset UI.

You can upload any file type to the platform, without no filetype exclusions.

However, the platform recognizes and classifies known file types by their extensions and applies their type to the list.

To access the properties of a file, click on its name to open a modal where you can edit the file's properties.

# Edit a file

The URL and Liquid Tag assigned to the asset.

You can find and/or edit the following in the file properties editor:

File URL: Displays the public URL of the file. You can copy it to your clipboard by clicking on the side icon.

Liquid Tag: Use this tag within the platform to reference the file through Liquid as opposed to it's URL.

Warning

Neither the URL nor the Liquid Tag is possible to change through Modyo.

Title: Shows the title of the file. This section is different from the file name, which cannot be changed.

Alternative text: Shows the alt text of the element. (Only applies to images and videos).

Description: Description of the element. It is good practice to write a small text that refers to the image.

Tags: Shows the tags associated to the file, clicking on the box you can search and add more tags. In turn, you can click on the X of the existing tags to remove the association with the file.


To save the modification of the data, it is necessary to click on the Update Information button located in the lower right part of the window.

If the data is modified but the button is not clicked to be saved, these modifications will be lost.

If you want to close the window and return to the Manager interface, click on the Close button, located at the bottom of the screen.

# Recover an image

If you want to upload a file again, keeping the name and the original link, click on the icon to upload the file found in the window Update Information. Thus, it will display a new window where you can select a new file.

Re-upload an image using the reupload button.

# Edit an image

You can also perform small changes to images using Asset Manager.

To facilitate the handling of images within the platform, Modyo includes an image editor that allows you to make changes to your images.

One of the changes you can make is to edit the image measurements. To do this, click on the pencil icon found in the "Update information" window.

This opens a window with two views that display the original image and a preview of the edited image.

On the left side of the image editor are three options to edit the image size:

  • 16:9: Crop the image with a 16:9 ratio.
  • Square: Crop the image to the size of a square with a 1:1 ratio.
  • Free: Freely crop the image to any size by selecting the edges and corners of the blue cropping tool.

The left side displays the original size of the image and the size in pixels of the crop edit.

Tip

There are two ways to change the view and cut the image with the cursor:

  • Zoom: Use the mouse scroll to zoom in.
  • Move background: Double click outside the clipping area and drag the background.

After cropping an image, if you want to restore it to its original dimensions, you can return to the "Update information" window and select the Restore Original button, which returns the image to its original state. However, restoring an image causes you to lose the cropped version.

# Delete a file

To delete a file, click on the Delete icon, located in the upper right corner of the image preview in the "Update information" window.

Warning

This action is irreversible, and any content using this file will display a broken link.

# Upload a file

Upload Image UI

There are two ways to upload a file for use in Modyo. One of them is through the same section from which you work and another is through the Asset Manager, which gives you the option of taking any material from the local disk to upload it to the platform.

To upload the file, click Add.

This action opens a new window that allows you to upload files in two ways:

  • Drag & Drop: Drag from your computer's file browser to the window
  • Select the window: Click the large "Upload" square to open the file browser on your local machine, and select the file from there.

Warning

You can upload a maximum of 10 files at a time. If you need to upload more, do so in batches.

Last Updated: 10/26/2022,