Archive for the ‘Rich content’ Category

 

How to Use Web Clippings

November 13, 2012
by Marion Brady
  1.  Find a page that you want to take the clipping from and get its URL (use view properties)
  2. In the CMS create a page where you want to pull that clipping into
  3. On the CMS page Select Add Portlet -> Portlet Tools -> Web Clipping Portlet
  4. Click on it to Select the OK to bring it into the page.
  5. Select the Edit Defaults (the pencil in the Portlet area)
  6. Paste in the URL from above and click on Start then OK
  7. In the Web Clipping Studio select Section
  8.  Choose the section you want
  9. Select
  10.  URL Rewriting = Inline
           Title =title of the Gallery
           des= what it contains
           Time out =31
           Expire=30

 

 

 
 

How to add a People list to a page

March 23, 2011
by Stuart Croghan

Objective

This application adds a list to a web page (within portal). It lists all the people within a portal usergroup and displays them in an A-Z listing based on surname.  The list defaults to show all the ‘A’ surnames first.

More information

You can people to the list by simply adding people to the usergroup.  If you do not want to change a usergroup (e.g. a department usergroup) then you can create a new usergroup then add the usergroup to it.

Unfortunately you cannot remove people.  If the user person leaves the college  then they are automatically removed.

Also, you will need ‘Manage’ rights for the page to add this and the list is updated every night.

The personal information shown in this is currently available on the web from other sources within the College and so this is not adding to the exposure of personal information to the web.  However access to the page can be controlled through the access settings.


How to add

  • Select the ‘Edit’ link on the login bar (at the bottom of the web page) then
  • Select the add item icon (see image below)

add an item

  • Select ‘People list’ from the Content item type selection

people list

  • then select ‘Next’ and then ‘Finish’
  • This will return to the web page with a ‘Assign user group’ link
  • In the form provided, search for the usergroup name that you would like to use
  • Select the usergroup you desire and click on the ‘Select’ button

 

 

 
 

How do I add a HTML portlet to a page

November 17, 2010
by Stuart Croghan

This is a method to add content to a page without using the editor.  It is usually used for adding flash files and other rich media type functions.

1. Go to the page in question and click ‘Edit’ at the bottom of the page.

2. In a portlet region (e.g. main portlet1) there is a plus icon to add a portlet, select this.

3. From the ‘Portlet Repository’ list shown, select ‘Portal tools’.

4. From the following list add a ‘HTML portlet’ then click OK.

5. The web page now has the html portlet.  Click on the pencil icon and enter your content into the main form field.

 

 

 
 

How do I upload Flash Content to a CMS page

October 5, 2010
by Stuart Croghan

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>