Posts Tagged ‘editing’

New CMS editor functionality – adding videos, social media and quotations

You can now improve your web pages with some new, easy to use functionality in the CMS editor. To insert these new elements into your webpage edit your page content in the normal way, click on the Inserts button on the toolbar.

Choose the new plugin you require from the list.

Adding a Pullquote

Pull out and display specific quotes on your web page. Just fill in the required fields and click save.

The Pull Quotes appear on the right hand side of the page.

Inserting a video

– Please select the video type from the drop down list you can choose from the College media library or YouTube. In YouTube, click share and then copy and paste the embed URL into the form.

Select the position you wish it to appear on the page, Left, right or centred. Select the size Standard or Widescreen. Click insert video.

Inserting a Storify stream

Storify is a way to tell stories using social media such as Tweets, photos and videos. You can search multiple social networks from one place, and then drag individual elements into your story. The Storify plug-in allows you to pull your Storified elements into your web page.  

To add a Storify feed to your page, simply copy and paste the URL of your Storify page.

And then click Insert Storify

Please note: Do not copy and paste the embed code provided by Storify, just the web address for your Storify post as found in the URL bar.
Example: http://storify.com/imperialcollege/welcome-week-2011

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.

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>

The maximum numbers of characters you can use when naming a page is 60 and that includes spaces.

If you use more your page may fail or you will see the following error message:

Error message as it appears

To

To change the name:

Select Edit, then Page Properties and shorten the name.

I get error: ‘Not Found The requested URL /pls/portallive/Admin_Dropdown_Portle t.Up date_Page_Name_list was not found on this server.?

Check that you have not changed the entry in the ‘Contact E-mail’ box in the Page Properties/Optional tab. This field is used for system processes and must not be used to hold contact details.

You have used upper-case or special characters in the page name. When creating a page, enter the required name into ‘Display Name’ as all lower-case i.e. a-z, 0-9 but with no spaces or special characters. Once the page is created go into Edit, then Page Properties, and set the Display Name to the required display value i.e. with capitals, spacing and other punctuation.

Portal has a text search feature but this has not yet been enabled in our environment. It is on the Web Team’s future work list. A global ‘replace’ action will not be possible.

The Content Editor now works for Mac and Linux as well as Windows PCs

A. These are the steps to add content to the right nav block:

1. Go to the Edit view of the page
2. In the ‘Right Content 3′ area on the right-hand side, click on the + sign above and choose ‘Content’
3. Click on the Edit content link to add your data. 
4. If you want to use the ‘announcement box’ format, type a Heading 2 heading with a bullet list or normal text below. Link the bullet items or text to the appropriate destination pages.
5. Select the heading and bullet list or text, then click on the ‘Format’ icon in the toolbar.
6. Click on the ‘Announcement’ image and it should return you to the editor view.
7. Click OK and you should see the new item in the right nav area. You may need to click ‘Clear Cache’ to bring it in.

When you are uploading new files to the CMS using Sharepoint site collection, please avoid using the following characters in your files names:

• &
• “
• :
• *
• ?
• <
• >
• #
• {
• }
• %
• ~
• /
• \
• Tab