How to use the Media Library

Before you start

Store files in the site-specific category in the T4 Site Manager Media Library. Contributors and moderators will have automatic access to their website’s Media Library category. Moderators can create sub-categories to help organise media folders.

Training

See section 7. of T4 training manual legacy (non-responsive) templates (PDF, 4,000kB).

Key things to remember

Do

Don’t

How to edit the properties of inserted media

To edit a property of the media, right-click it (in WYSIWYG view) and select 'Edit Media Attributes'. You'll get a different set of options depending on the media type. For images you can add a class (amongst other things, see how to use images) and on PDF links you can override the link text that's output by editing the 'Name' attribute.

Code generated when embedding Media Library item (<span>)

Example code for an image that has been added to a page using the WYSIWYG ‘Insert Media’ button:

<span id="media-64414-0.07501521979381376" class="mceNonEditable"><img src="https://t4cms.bris.ac.uk:443/tf/SiteManager?ctfn=download&amp;fnno=60&amp;ceid=1613963741" alt="" width="283" height="142" /></span>

The <span id="...> is required: the code inside the <span> is for preview in the WYSIWYG editor. If you remove the span tag and have edited the media’s properties, it will look fine in preview mode and when you look at the live version (due to browser caching), but other users will not be able to see the image. You cannot edit or determine what the id numbers will be within the <span>, so you must always add or edit images by inserting them from the Media Library.

How to use an image to link to media

You currently can’t add an image to a web page and then link that image to a document, when both image and document are hosted in the T4 Site Manager Media Library. We suggest using our workaround to achieve this. We have asked T4 to resolve this issue.