Managing Media Libraries

  • Uploading Files
  • Moving Files
  • Copying Files
  • Deleting Files
  • Editing Images

Uploading Files to Media Libraries

All files and/or images should be uploaded to your Media Library for use within your site. This will allow you to keep all of your website files and images in one place as well as organized. The following file types can be uploaded to your Media Library folders:

Images

  • .bmp
  • .gif
  • .jpg
  • .jpeg
  • .png
  • .ico

Documents

  • .pdf
  • txt

Web Related

  • .htm
  • .html
  • .xml

In order to upload a file or Image to a Media Library folder you will need to follow these steps:
  1. From within Club Central, click on the 'planetary' icon and select Content Management.
  2. Under the Content Management menu, select Media Libraries menu item.
  3. Click on the 'pencil' icon next to the Media Library you wish to upload to.
  4. Select the folder that you would like to upload your file to or If you would like to create a new folder follow these steps:
    1. Click on the + symbol
    2. Enter in a name for the folder
    3. Click on the OK button to save the new folder
  5. Click on the Upload button to upload an image to the folder

  1. From the explorer window of your computer/network, select the file you wish to upload.
  2. Click on the Open button to begin the upload.




Once the upload is completed the file will now be listed among the files within that folder. If the file that you uploaded was an image, click on the pencil icon next to the image to begin editing the image.

Please visit the Editing Images within a Media Library for more information.

Moving Files within a Media Library

Within Media Libraries, folders and files can be manipulated similarly to working with your PC file system. Files and folders can be copied, moved and deleted at the discretion of the Administrator of your site. Among those Administrative functions mentioned, moving folders or files can be completed within a Media Library by following these steps:
 
Note: If the file you are attempting to move has already been inserted or linked to a page, the path/location of that file will be altered once it has been moved. This will cause a hyperlink to display an error when clicked and will cause an image to display either a red 'x' or broken image icon. Please ensure that when moving files within Media Libraries, any affected pages will have hyperlinks re-created and any images re-inserted.

Moving Folders to a new Location

  • From within Club Central, click on the 'planet' icon
  • Click on the Content Management menu and select Media Libraries from the items below.
  • Click on the 'pencil' icon next to the Media Library you wish to copy files from.
  • Click on folder name to be moved (i.e. Banquets(1))
  • Click on Move icon which looks like one page with an arrow pointing right on it.


This will display the Move Folder window
  1. From within the Move Folder window, click on folder name (Contact Us) to move the previously selected folder in to it.
Note: If the folder selected had files those would be moved as well.
  1. Click on Move button on the bottom.

For this example, once you have clicked on the Move button, the Banquets (1) Folder will now have been moved into the Contact Us (3) Folder.

Move Files to Another Folder

  1. From within Club Central, click on the 'planet' icon.
  2. Click on the Content Management menu and select Media Libraries from the items below.
  3. Click on the 'pencil' icon next to the Media Library you wish to copy files from.
  4. Click on folder name where file(s) you wish to copy are located.(i.e. Banquets (1)).
  5. From the list of files, check the box next to the file name(s) that you wish to make a copy of.
  6. From the bottom of the list of files select the following actions:
    1. Selected Files drop down box.
    2. (select an action) drop down box - Choose the Copy action.
  7. Click on  the OK button to initiate the action.



This will display the Move Files window.
  1. From within the Move Files window, click on a folder name to move file(s) into (i.e. Contact Us)
  2. Click on the Move button on the bottom to move the files.


For this Example, the Contact Us Folder now indicates Contact Us (4) because the banquets.jpg image was moved from the Banquet folder. You will also notice that it now indicates that the Banquets folder contains (0) instead of containing (1).

Copying Files within a Media Library

Within Media Libraries, an entire folder including the files can be copied to another folder, or a single file can be copied to another folder on its own.

Copying a Folder 

In order to copy a folder you will need to complete the following steps:

  1. From within Club Central, click on the 'planet' icon
  2. Click on the Content Management menu and select Media Libraries from the items below.
  3. Click on the 'pencil' icon next to the Media Library you wish to copy files from.
  4. Click on folder name to be copied (i.e. Banquets(1)).
  5. Click on Copy icon which looks like two pages stacked on top of each other.


This will display the Copy Folder window 
  1. From within the Copy Folder window click on folder name (button_images) to copy the previously selected folder in to.
Note: All files that existed in the folder at the time the copy was initiated will be copied along with the folder itself.
  1. Click on the Copy button to initiate.

In this example, there is now a copy of the Banquets folder within the button_images folder.


 

Copying Files to Another Folder

In order to copy files from one folder to another, you will need to follow these steps:
  1. From within Club Central, click on the 'planet' icon.
  2. Click on the Content Management menu and select Media Libraries from the items below.
  3. Click on the 'pencil' icon next to the Media Library you wish to copy files from.
  4. Click on folder name where file(s) you wish to copy are located.(i.e. Banquets (1)).
  5. From the list of files, check the box next to the file name(s) that you wish to make a copy of.
  6. From the bottom of the list of files select the following actions:
    1. Selected Files drop down box.
    2. (select an action) drop down box - Choose the Copy action.
  7. Click on  the OK button to initiate the action.


This will display the Copy Files window.
  1. Click on folder name to copy file into (i.e. banner_images).
  2. Click on Copy button on the bottom.


The Banquet.jpg will be copied from the Banquets folder, into the banner_images folder. The banner_images folder now has 20 photos instead of the 19 that it started out with.

Deleting Files within a Media Library

Keeping your Media Library folders organized and up to date is will greatly improve your efficiency when locating files and utilizing them within your site. 

Note: Deleting a file that is in use within your site can cause hyperlinks to be broken and images to appear missing. Please ensure that a file or image is not being used on your site prior to deleting. 

Deleting Files

If you need to delete files located within a folder of a Media Library you will need to follow these steps:

  1. From within Club Central, click on the 'planet' icon
  2. Click on the Content Management menu and select Media Libraries from the items below.
  3. Click on the 'pencil' icon next to the Media Library you wish to delete files from.
  4. Click on folder name where image or file is located
  1. In the right hand pane under the the Actionscolumn, check off the box beside file that needs to be deleted.
  2. Click on the red 'Trash Bin' icon.
  3. From the confirmation window that will appear select one of the following:
    1. Click Cancel if you selected the wrong file, to restart this process.
    2. Click OK to complete the deletion process.

Once you have clicked on OK the file will be removed from the folder.

Restoring Files

In the event that a file was deleted in error, it can be restored as long as the following statements are true:
  • The folder from which the file previously resides still exists
  • The folder was not deleted at any time
In order to restore a file you will need to follow these steps:
  1. From within Club Central, click on the 'planet' icon in the far left corner.
  2. In the Search field, type in Recycle Bin, and select My Recycle Bin from the search results
  3. From the Recycle Bin area, click on the Objects tab on the left hand side, locate the file that you wish to restore and click on the Restore button located to the left of the 'Trash Bin' (delete) icon.
  1. If you are sure this is the page you wish to restore, click Yes to the confirmation prompt.

This will restore the file to its original location.

If you wish to restore multiple files to your site you will need to follow these steps:

  1. From within Club Central, click on the 'planet' icon in the far left corner.
  2. In the Search field, type in Recycle Bin, and selct My Recycle Bin from the search results.
  3. From the Recycle Bin area, click on the Objects tab on the left hand side, locate the files that you wish to restore and check off the box next to them.
  4. Once you are satisfied with your selections, click OK at the bottom of the page.
  5. If you are sure these are the files you wish to restore click Yes to the confirmation prompt.

Editing Images within a Media Library

The Media Libraries found within your ClubHouse Online site, not only provide you the ability to store all your images that are used within your website, but also allow you to edit those images with their own exclusive tools. In order to edit your images you will need to follow these steps:
 
  1. From within Club Central, click on the 'planet' icon.
  2. Click on the Content Management menu and select Media Libraries from the items below.
  3. Click on the 'pencil' icon next to the Media Library you wish to access.
  4. Click on folder name where the file(s) you wish to edit are located.
  5. From the list of files, click on the 'pencil' icon next to the file you wish to edit.

This will bring you Edit Image window where you will be able make the following alterations too your image:

Resizing Images

For website purposes images that are stored on your site should not be larger than 1900 pixels in width. This will prevent excessive loading times and due to large image sizes. In order to ensure you images don't exceed these dimensions, the Image Editor tool provides you the ability to Resize your images.

Once you have clicked on the 'pencil' icon to edit the image, the first option that will be displayed will be to resize the selected image.

To resize the image choose one of listed methods:
  • By Percentage - Will allow you to reduce the size of the image based on a percentage of the original dimensions.
  • By Absolute Size - Will allow you to reduce the size of the image based on the dimensions in pixels.

Adjust the value listed in your selection and click OK to observe the altered size of the image.

Note: When utilizing the By Absolute Size method, the aspect ration will automatically adjust when either of the dimensions(Width or Height) is modified. To set a custom Width and Height, un-check the Maintain ratio option.

Once you are satisfied with the new image dimensions click on Save and Close at the bottom of the window.

Note: Resizing an image within the Image Editor tool is a permanent change. Once you have clicked on the Save & Close button, the image has been permanently altered and cannot be reverted without uploading another copy of the original image.

Rotating an Image

The image editor tool will allow you to alter the orientation of an image you have uploaded. The rotation options that are available are:

  •  90º to the Left
  •  90º to the Right
  •  Horizontal Flip
  •  Vertical Flip 





 

Converting Image

The Image Editor tool provides you the ability to convert image formats. Image formats that are supported for your site include:

  • jpg
  • png
  • bmp
  • gif

Although these image formats are supported, some of these formats are associated with larger file sizes. The recommended file formats for your images are PNG and JPG. In order to convert an image file you will need to follow these steps:

  1. From the Edit Image window, select the Convert tab
  2. Change the To field to the file format you desire.
  3. Click on the OK button 
  4. Click on Save & Close to confirm the changes.





 

Cropping Images

When taking pictures with a camera and uploading them, they are often stored in their most raw format or the widest of angles. These may not always be the most optimal images to be displayed on your website. To that effect, the Image Editor will allow you to Crop your images at your discretion.

In order to Crop an image you will need to follow these steps:
  1. From the Edit Image window, select the Crop tab.
  2. Click and drag your cursor over the are of the image you wish to Crop
  3. Expand or shrink the box to the desired size
  4. Note: To ensure the image is scaled correctly, check off the Lock Ratio option to have both dimensions adjust accordingly.
  5. Once you are satisfied with area selected, click OK to see the cropped version of the image
  6. Click on the Save & Close button to confirm the changes






Color Change of Images

The Color option of the Image Editor allows you to convert your images into a greyscale version(black and white). To initiate, click on the Convert to Greyscale button within the Color menu

 

Properties of Images

The Image Editor will allow you to see a list of Properties for an image. The information that can be viewed from an image is as follows:

  • File Name*
  • Title*
  • Description*
  • Extension
  • Size
  • Width
  • Height
* These Properties can be updated for the image