Upload any file type, automatically resize your images, create folders to keep tabs on your media — all seamlessly integrated with Firebase Storage buckets.
Getting started with the Media Manager
Before we start, media files (assets) are an integral part of your projects. That's why we've made creating and managing media files simple and flexible.
We cover 3 stages (setup, settings and add to content) on how to manage your Media Manager. Please skip to the section that's relevant to you.
1.Navigate to Media
Select Media from the sidebar. You will see a popup dialog where you can manage your project assets.
2a. Toggle between media types
On the left of the window you can choose between Image / PDF type of files you want to upload:
- Flamelink supports all types of files
- Image would include image type files: jpeg, png, tiff, gif etc
- PDF would include document type files: docx, pdf, etc
- You can upload files without creating new folders, and will be stored in the root folder
- You only have one standard folder structure, it doesn't matter if you toggle between the file types
2b. Toggle View preference
You have the ability to toggle between a list or grid view. By default the List format will be applied.
To change your view preference, select the grid icon on the top right corner, select it again to change back to list view.
3. Customise your folder structure
Set yourself up for a win and create your preferred folder structure.
You have the ability to Create, Rename, Delete, and Sort folders.
a. Right click on the folder panel (the space where the root folder is positioned)
b. Select New folder
c. Remove the placeholder text and enter the name of your new folder
d. Select hard enter, or alternatively click anywhere else on the screen
a. Right click the relevant folder
b. Select Rename
c. Remove the current text and enter the name you wish to call your folder
a. Right click the relevant folder
b. Select Delete
NOTE: Selecting this option will remove the folder, as well as all images/files within the folder. Make sure you want to remove these files permanently before selecting this option.
Your folders can be sorted or ordered according to your preference. Simply select the relevant folder, drag and drop it in the relevant place.
NOTE: The Root folder is a fixed. It cannot be renamed or deleted.
a. Select the folder where you would like to store your asset(s)
b. You can upload one asset or many assets at a time
c. You have two options to upload files:
Option 1 - Drag and Drop. Drag and drop the single / multiple file(s) selected to the grey bar at the bottom of the Media window in Flamelink.
Option 2 - Select Browse Files. On the Media window, select the Browse files button at the bottom of the window, opening a dialog to select file(s).
d. Select Upload File button
e. After the loader has finished, a thumbnail of your file(s) will be displayed
NOTE: Currently renaming of assets, setting meta data, and moving files to folders are not yet available on Flamelink (soon)
You can delete assets during the upload process or once they have been saved in your folder structure
- Saved filed. Simply select the relevant file(s) and click Delete
- During the upload process. Within the grey bar, hover over the asset and select the delete icon
5. Image Resizing Settings
When uploading a file, Flamelink will automatically resize your file(s) to all the image sizes defined in your Image Settings.
To change the default options:
a. Select Settings from the side panel and click on General
b. You will see a list of Image sizes
c. You can amend or delete the current list, or
d. Add new image sizes by selecting the add icon
ADD TO CONTENT
6,7. Copy link and add to content entries
Now that you've set your view, folders and image settings, it's time to add your assets to your content entries.
- When you're ready to fetch an asset, simply select media from the side panel and select Copy Link.
- There are 2 options to follow to copy the URL in the text field (depending on how you've setup your schema template)
Option 1 - Media Field. Use the "Media" field in the content section, that will save the file ID. With this option, when you use the SDK you will be able to use/retrieve the full image object for the file ID.
Option 2 - Text / WYSIWYG. You can also use a normal "Text" field / WYSIWYG, and simply paste that Image URL from the media manager.
If you need additional assistance, please reach out to us on the The Flamelink Slack channel or start a chat with us within the Flamelink Portal.