Location: Screen Styles (Question and Instruction Screens) > Media (Tab)
Media (Tab) HomeBack Next

Graphics can be added to both instruction and question screens, depending on the Screen Style. See the sections titled Question Screen Styles and Instruction Screen Styles for more information. Note: Graphics can also be added inline using the CKEditor toolbar buttons in most HTML fields. If you use the image button from inside the Media Description, it is associated with the Reference Media Library, which contains images used as draft or reference content, visible to reviewers alongside other media description information but not intended for inclusion in the final packaged version of the activity. However, elsewhere, this button accesses the main Media Library. If you are editing the Media Description field, you will be taken to the Reference Media Only library. You can upload new images here or select existing images from the repository. Images uploaded to the main Media Library will not be visible here, and vice versa. See the section on Managing Media Files for more information on the Media Library.

Note: The number of fields in the Media tab will depend on the screen style selected. For example, the 2.52 Multiple-Choice question style requires the use of three graphics, while you can include up to nine graphic thumbnails and a default graphic for the 4.55 Drag and Drop question style.

To add graphic files:

1. Select the desired screen, then click the Media tab.

LCMS_U~1_img823b

2. Click the Description and Caption buttons to make these fields visible. Note: If content has been placed within a Description or Caption field, the corresponding button will change appearance to include a pencil icon. Click the Caption button to display the Caption field, where you can enter HTML which will appear under the graphic in the viewer. Note: Hyperlinks and inline images may also be entered in the Caption field using the HTML editor.

LCMS_U~1_img502a

3. The Description button brings up fields for Media Title, Requested Filename and Description, where you can enter all required media information. Note: The Media Title field is superimposed on the image when it is rendered in the viewer. Also, once you have entered a requested filename and clicked Save, this filename will appear in the media filename field with the prefix "Requested Filename:".
Tip: When previewing a screen, use the keyboard shortcut CTRL+Alt+Shift+S to bring up the media filename at the top of the media area. Be sure to click the text area on the left first.

LCMS_U~1_img463b

4. Click inside the Description field to open a separate window for adding a media description (used for review and media development). Click Submit once the description is complete. Note: The Description will be displayed in the media area onscreen if no media file is available.

LCMS_U~1_img824a

5.If the media you wish to add is already available, click the Select button on the Media tab to open a pop-up window for the Media Library. Here you can search for and select media files (see Media Library for more information). The name of the selected file will appear in the field on this tab once selected. Click the Clear button if you need to remove the filename from this field.

LCMS_U~1_img825b

Note: When a Giga Image Viewer, Modest Tree or Zoomify file is selected from the Media Library, a Settings button will be visible on the Media tab instead of the Plotter Tool, which is available with graphic file types (jpg, png and gif). Click Settings to display the settings screen and preview. Giga Image Viewer, Modest Tree 3D Explorer and Zoomify Settings are described in the following pages, along with the Plotter Tool.

LCMS_U~1_img826b

Note: When an HTML file is selected from the Media Library, you will have the ability to enter Javascript and set a default state. Click the Custom Javascript button to open this field. Select an option from the Default State drop-down menu to set the default state. A hyperlink can be added in the  to display the media at a different state (see Hyperlink to HTML Graphic). HTML and HML files will also have a URL Parameters field display. URL Parameters are media specific. Enter the desired URL parameter in the URL Parameters field. If multiple parameters are required separate them by an "&".

LCMS_U~1_img1063b

LCMS_U~1_Img1534

Note: When a PDF file is selected from the Media Library, parameters can be set using the PDF Parameters field. For example, you may specify a named destination in the PDF or a numbered page:

nameddest=name - specifies a named destination in the PDF.
page=pagenum - specifies a numbered page in the document, using an integer value. The document’s first page has a pagenum value of 1.

LCMS_U~1_img978b