Archive for the ‘Formatting’ Category

1. Upload the flash file using the upload a file wizard.

2. Add a HTML portlet to the page and enter in the following content.  Make sure to make the appropriate changes as indicated in this code.

<script>

jQuery(function(){

$.getScript(‘http://www.imperial.ac.uk/imedia/plugins/jquery.swfobject.min.js’, function() {

/* enter a class id reference for this flash app, e.g. pic-gallery.  If there are multiple flash files on a web page then this id needs to be unique. */

$(‘#xxx’).flash({

/* Enter in the flash filename.  */

swf   : ‘http://www3.imperial.ac.uk/fileupload/download/filename.swf’,

height  : 418,

width: 813,

expressInstaller:’expressInstall.swf’,

/* enter the id and name for this */

id: ‘xxx’,

name: ‘xxx’,

params  : { bgcolor:’#ffffff’,

/* if you want full screen capability change this to true */

allowfullscreen:’false’,

scriptAccess: ‘always’

}

});

});

});

</script>

3. Add the following into a content item area using the CMS editor:

<div id=”xxx”>
<!— It is advised to If you want a substitute content then we could advise you enter in an image and text here. —>
</div>

Several different pre-formatted content areas can be inserted into pages using the add-ins button on the toolbar. These are currently under development and we will inform all site owners when they are available for use.

Tables must be inserted into pages using the table wizard to ensure they meet accessibility requirements. To insert a table click the table icon on the toolbar.

The Insert/Modify wizard opens.

The Table Heading will show as the Heading on your Table, it’s optional, but you must add a Table Summary, briefly describing the table content, as this is an Accessibility requirement.

The content of each cell, the table heading and the column headers can all be edited in the editor. You should not change the alignment of individual cells or the table as a whole as this can corrupt the table’s accessibility features.

Editing tables

The content of tables can be edited like any other text in the editor. You should not change the format of tables using the right mouse button menu as this may render the table inaccessible.

Inserting and Deleteing Rows and Columns

You can insert and remove rows and columns by using the following icons:

Troubleshooting tables

Some users may experience difficulties when creating long tables. Tables longer than ~30 rows become truncated during saving. If you encounter such problems please contact the Service Desk who will be able to offer a solution.

You can apply some simple formatting to text such as bold, and italic using the buttons on the tool bar. In addition you can generate a bulleted or numbered list and indent text using the relevant buttons.

IMPORTANT – please check whether your site owner has published any specific style guidance for your site. This is important to achieve a professional, coordinated look for your whole site.

You can also set text to one of three different header formats. Simply select the text and select the header format from the dropdown box on the toolbar

IMPORTANT – please only use the Header 1 style for the top title text of the page.

The spacing between text lines can be set as either a paragraph spacing, by pressing return, or as a line break, by pressing shift+return (so that the next line will be immediately below). Spacing has been chosen by the College Web Management Group and cannot be altered.