Versions Compared

Old Version 9

changes.mady.by.user Patricia Donohue

Saved on

compared with

New Version 10

changes.mady.by.user Patricia Donohue

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Note

Version 2.1 - Draft In-Progress - September 01, 2021

...

Use one of the anchor links below to go through the steps of configuring your college theme.

  • Updating the College Header Background/Text Colors and Nav Menu Color

  • Updating the College Portal Background Image

  • Updating the College Logo Image and Content

Updating the College Header Background/Text Colors and Nav Menu Color

...

The college portal administrator manages content by creating specific portlets and then adding or removing them for specified user groups, applying portlet expiration dates, etc. The steps to do all of this are included within the instructions for creating each of the different portlets currently available, including:

  • Static Content & Registering Portlets

  • App Launchers

  • Surveys

  • Advisor Cards 

Portlet Basics

Anything that you create or configure to display inside your college portal is considered a portlet. A portlet is basically a "container" for the thing you are creating or configuring to display.

College portal administrators determine which groups can have access to any given portlet as well as configuring active and inactive date ranges for portlets, also known as the portlet lifecycle.

[ Suggest adding a graphical element here (generic) to help visualize a “portlet” ]

Portlet Lifecycle

The lifecycle for any portlet can be defined by the college administrator by selecting the options in the Lifecycle Management and optional Automatic Expiration sections. You control the status and display of any and all portlets for your college. 

...

  1. Navigate to Tenant Admin tab-> Portal Administration panel-> Manage portlets link to display the Portlet Registry screen.

  2. When you click the Edit link for a portlet the Edit Portlet screen will be displayed.

  3. Scroll down to the Lifecycle Management section and click the Option radio button that corresponds to the portlet state of Created, Approved, Published, Expired or Maintenance as needed. 

  4. If you want to set an optional expiration date for the portlet (only available when Approved or Published is selected), scroll down to the Automatic Expiration (optional) section and click in the Setting field to display a pop-up calendar where you can choose an expiration date. 

  5. After selecting the expiration date, drop-down list will be displayed so you can select the time (hour, minutes, and period of the day (AM or PM)) the portlet will expire. 

[ add all the screen shots in this section as needed ]

Note: When the selected date and time are reached, the portlet will no longer display in the Portal and its state will automatically revert to the Option of Expired.

See:

  • Adding Static Content & Registering Portlets

  • Adding App Launchers

  • Adding Surveys

  • Adding Advisor Cards 

Adding Static Content & Registering Portlets

...

Note: The life cycle of the portlet can be modified as defined in the Portlet Lifecycle section.

18. Click Save and Configure to save your content portlet and display the Edit Portlet Configuration content Editor screen. 

19. Enter and format the content you want to display in the portlet. If you are familiar with HTML, CSS, or Javascript, you may edit the portlet's code by clicking the Source button. To embed a video in your new content portlet, see:

  • Embed a Video into a Content Portlet

  • Embed a Video with the OzPlayer Interface 

Note: CKEditor won't always keep code entered into it from Source exact, so having a local copy is important. 

...

22. To add your new content portlet to a tab, see: Adding Content to a Tab. 

Embed a Video into a Content Portlet 

...

3. Remove the following script from the OzPlayer code:

<script type="text/javascript" src=“https://ozplayer-commercial.global.ssl.fastly.net/3.0/ozplayer-core/mediaelement.min.js"></script>

4. Verify the code is using version 3.0 and not 2.0. If needed, change the version to 3.0 for the following links and scripts in the code:

<link href="https://ozplayer-commercial.global.ssl.fastly.net/3.0/ozplayer-core/ozplayer.min.css" media="all" rel="stylesheet" type="text/css" /> <link href="https://ozplayer-commercial.global.ssl.fastly.net/3.0/ozplayer-skin/highlights-blue.css" media="all" rel="stylesheet" type="text/css" /> <link href="https://ozplayer-commercial.global.ssl.fastly.net/3.0/transcript.css" media="all" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ozplayer-commercial.global.ssl.fastly.net/3.0/ozplayer-core/ozplayer.min.js"></script> <script type="text/javascript" src="https://ozplayer-commercial.global.ssl.fastly.net/3.0/ozplayer-lang/en.js"></script> <script type="text/javascript" src="https://ozplayer-commercial.global.ssl.fastly.net/3.0/config.js"></script>

5. Return to MyPath and click the Source icon to switch from WYSIWYG mode to Source (HTML) mode. 

...

[ screen shot ]

6. Copy the OzPlayer code created in step 2 with the edits made in steps 3 and 4, and paste it where you want the video to be positioned. 

[ screen shot ]

7. Click the Source icon to switch from the Source (HTML) mode back to the WYIWYG mode. 

[ screen shot ]

8. Click the Save icon to save your configuration and return to the Portlet Registry screen with your new content portlet displayed in the list of portlets.

Note: To view the content portlet and the embedded video with the OzPlayer interface, type the portlet’s name in the Search field, and select the content portlet from the search results list.

Manage Content Header Image

Tenant Admins can upload banner style images from their hard drives that can be specified for use in content portlet. These images can be used for single or multiple content portlets. 

Attaching a Banner Image to a Content Portlet

  1. Navigate to Tenant Admin tab -> Portal Administration panel -> Manage Content Header Images link to display the Portlet Header Image Admin screen.

  2. Click the Choose File button to navigate and select an image from your local computer. 

[ screen shot ]

Note: The Suggested image size is 350px high and a minimum of 1170px wide.

3. Click the Upload button to add the image to the Header Images section. 

[ screen shot ]

Note: Once an image has been uploaded, the Portlet Name drop-down list and Assigned Header Image drop-down list will be displayed in the Portlet Header Assignment section. 

[ screen shot ]

4. From the Portlet Name drop-down list, select the content portlet you want to add a header image to.

5. From the Assigned Header Image drop-down list, select the image you want assigned to the content portlet.

6. Click the Set button to add the header image to the content portlet. 

[ screen shot ]

Note: After an image is assigned to a content portlet, the image will be displayed showing which content portlets are currently associated to it. 

[ screen shot ]

7. Go to the Search field at the top of the page, enter the name of the content portlet with attached the header image, and select the it from the list.

Note: Header images associated with content portlets appear in the space between the bread crumb and the page header. Due to caching it may take up to 15 minutes for users to see changes made. 

Editing an Image on a Content Portlet 

Header images can be updated after one has been added to a content portlet.

  1. Navigate to Tenant Admin tab -> Portal Administration panel -> Manage Content Header Images link to display the Portlet Header Image Admin screen.

  2. From the Portlet Name drop-down list, select the content portlet you want to edit.

Note: When you select a portlet from the Portlet Name drop-down list, the Assigned Header Image drop-down list is auto-populated with the header image associated with the portlet.

3. From the Assigned Header Image drop-down list, select the new image you want assigned to the content portlet.

Note: An option within the Assigned Header Image drop-down list is No Header Image. Selecting this option will remove a header image from the content portlet.

4. Click the Set button to update the header image to the content portlet. 

Removing an Image from a Content Portlet

Header images previous added to a content portlet can be removed so that no image is in place after one had been added to a content portlet.

  1. Navigate to Tenant Admin tab -> Portal Administration panel -> Manage Content Header Images link to display the Portlet Header Image Admin screen.

  2. Click on the header image attached to the content portlet.

Note: The image is displayed, listing the content portlets assigned to it. 

[ screen shot ]

3. Click the trash icon for the corresponding content portlet to remove the portlet from the image. 

[ screen shot ]

Deleting an image from the Portlets Header Image Administration

Images previously uploaded and not attached to a content portlet can be deleted from the Portlet Header Image Administration portlet.

  1. Navigate to Tenant Admin tab -> Portal Administration panel -> Manage Content Header Images link to display the Portlet Header Image Admin screen.

  2. Place the cursor over the image you want to delete. A trash icon appears in the top, right corner of the image. 

[ screen shot ]

Note: A trash icon appears in the top, right corner of the image.

3. Click the trash icon to delete the image.

Note: If the image is attached to one or more content portlets, all portlets associated to the image must be removed before it can be deleted. A list of portlets assigned to the image is display. 

[ screen shot ]

4. Click the trash icon for each content portlet attached to the image.

5. Once all of the content portlets are removed, click the trash icon to delete the image.

6. Click on the Delete button on the Confirm Delete confirmation modal. 

Manage Public Documents

App Launcher

...