Explore the Assets Browser

A number of UBCMS components such as the Photo Component and File Download Component are intended to house files, either uploaded and embedded into that page, or referenced centrally from digital Assets, and for the latter, the Assets Browser is required to locate these central files and reference them to that page.

Every UBCMS website has three content areas: Sites, which are your main Web pages, Shared Content, which is a place to manage page fragments that can be used in multiple places, as well as digital Assets, which is a central place for your department to curate images, documents and other files for use on your website. While files that are uploaded to a UBCMS page are housed embedded within that page, digital Assets files are referenced, which means the master copy remains in digital Assets and is managed centrally from that content area.

2. Open the Sites Console and navigate to your site; e.g. Sites + Self-Paced Training + {your site}.

3. Open any page.

4. To mirror the video, you will need to add a File Download component.

5. Click the Toggle Side Panel button at the top left to open the Side Panel, and then select the Components Browser. Either scroll down or start typing the name of the component and it should show up quickly.

6. Click the File Download component and drag it over to the page (anywhere is fine).

7. Select this new component, then click the wrench icon to Configure its settings. (There's nothing to clear, so you can just add the new information.)

8. Back in the Side Panel, select the Assets drawer.

9. If you know the desired file’s name, you can enter that into the topmost filter, click Enter, and only files with that exact name will display. You can also try part of the name.

1. If you don’t know the name, or you wish to browse your site’s assets, you can navigate to your own site’s content by using the Path setting. For this exercise you will work from a general Training folder.
   
   1. Navigate to your prefered source folder.
      
      • In the filters, beside 'Enter path', click the magnifying glass.
        
      • In the dialog box, under Assets, scroll to the Training folder.
        Observe there are a series of files ("assets"): UB-org-chart.pdf, etc.
      • Select the Training folder. The Select button will now be blue and clickable. Click it.
   2. The assets list shows a series of images. If you want an image, this is good, but if you want another file type, notice there is a dropdown beside the filter that says 'Images'.
      Change that to Documents.
   3. Look for UB-org-chart.pdf.
      

10. Drag the asset onto your open File Download component where it says "Drop an asset here...".

11. Add appropriate Link Text.

12. Click the checkmark to save your changes. (The "X" cancels your work.)

13. Reload your page in the browser. You will now see a clickable link to down the UB org chart, with a suitable PDF icon, and the file size. (The UBCMS has icons to match most common file types.

14. If the Side Panel blocks too much of your view, click the Toggle SIde Panel button to collapse it.

Please be advised, as an author, you can see all digital Assets, for every website. So please only use files from another department if they have previously been cleared for general use, or you have a specific arrangement with that department. Otherwise the files may be updated or removed, which will result in unexpected changes to your website.

• UBCMS Basics: Digital Assets
• UBCMS Basics: Editing the Page: the Side Panel (Assets Browser)