UC San Diego SearchMenu

CMS: File Chooser

Learn how to use the CMS file chooser.

About the file chooserFile browser screenshot

Use the file chooser to link to existing pages, blocks, files or images. You can also upload new files and images through the file chooser, provided there is already a folder to hold them.

When you click on a field in the CMS to link to another resource, the file chooser will pop up on the right side of the screen.

Options

Depending on the template and field you are using, you may see these options for choosing your file:

  • Recent - A list of recently used resources.
  • Browse - Navigate through the CMS file structure to your resource
  • Upload - Add a new file or image to the CMS

Differences from previous version

If you used past versions of the CMS, you will notice that the file chooser no longer shows an expandable tree structure (as found in the left side of your CMS window). This path information is still available by:

  • Looking at the breadcrumbs under Browse
  • Selecting a file, which will show its path

The new design of the file chooser allows you to navigate to Upload directly and adds a search function to Recent and Browse.

Expand all

Recent

Selecting a resource using Recent is most useful for when you are adding the same resource to multiple pages.

  1. Once the file chooser has opened, it will show Recent by default.
  2. Use the radio button to choose the resource you want
    Note: if there are multiple resources with the same name (such as index) you can hover your mouse over the resource to see its path.

    File chooser recent image screen shot
  3. Click Choose.

Search

If you have a large number of recently used resources, use Search to narrow them down. You can click the button next to the search box to toggle between list and thumbnail views. Note: Search only looks at the system names of resources, not the content of a page, for example.

Chooser search screen shot

Browse

Most users will use Browse to link to resources.

  1. When the file chooser opens, click Browse
  2. Navigate to the resource you want to use. Click on the radio buttons to navigate through the site structure.
    1. Drill down to the resource you want:
      • Open folders have a white center. Everything below it in the list is inside the open folder. In the example, about is open.
      • Closed folders are solid yellow. In the example, groups is closed.
      • To open a folder, click the radio button next to it.
    2. To go back up levels, click on the appropriate folder in the breadcrumb path. For example, to go to another sponsor page, you can click on sponsor to go to that folder.
    3. Select the resource. A selected item is highlighted. In the example, directions is selected.

      File chooser browse image screen shot
  3. Click Choose.

Search

If you know the system name of your resource, you can use Search to find it. Type the system name into the search box (you do not need to press enter). If you are searching on a larger site, like Blink or TritonLink, it may take some time for the search to complete.

File chooser browse search screen shot

Tips

  • Search is not very effective if you are looking for a system name that is used frequently throughout a site, such as index or faq, but can be useful for finding more specific content.
  • You can click the button next to the search box to toggle between list and thumbnail views.
  • Mouse over a resource to see its full path.
  • Search only looks at the system names of resources, not the content of a page, for example.
  • To stop searching (and use the normal browse navigation), delete what you entered in the search box.

Upload

Use Upload to to add a new file or image to the CMS from the file chooser.

Note: You can't create a new folder from the file chooser. If you want to put the image in a new folder, you need to create the new folder first.

  1. When the file chooser opens, click Upload
  2. Select a file to upload. In the dotted box:
    • Drag a file to the box, or
    • Click the choose link in the box to select one from your computer. Note: Do not use the blue Choose link in the top right corner yet.
  3. Select where the file will go in the CMS by navigating to an appropriate subfolder (use the same navigating method as in Browse, above).
    • For images use a folder in _images
    • For files (PDF, Word file, etc.) use a folder in /_files

      Upload image screen shot
  4. Click Choose
  5. Click Ok

Expand all