Skip to main content

Configuring Shared Lists on the Web

In order for Shared Lists to function on the Ares web pages, you will need to add some pages and edit some settings.

New Web Pages​

Many new web pages were added to support Shared Lists. These pages will need to be copied to the Ares web directory. They can be found on your server under C:\Ares\Updates\WebPages (default location) or you can download them at Ares Downloads.

  • IApplySharedList.html
  • ICourseImportItemsToSharedList.html
  • IInstructorSharedLists.html
  • include_defaultsharedlistinfo.html
  • include_deletesharedlistitemconfirm.html
  • include_fullproxysharedlistmenu.html
  • include_instructorsharedlistmenu.html
  • include_setItemFieldsAsReadOnly.html
  • include_sharedlistitemviewdelete.html
  • include_sharedlistitemvieweditdelete.html
  • include_sharedlistmenu.html
  • ISharedListCreate.html
  • ISharedListEdit.html
  • ISharedListInfo.html
  • ISharedListItemInfo.html
  • ISLRFArticle.html
  • ISLRFAudio.html
  • ISLRFBook.html
  • ISLRFBookChapter.html
  • ISLRFCreate.html
  • ISLRFEditArticle.html
  • ISLRFEditAudio.html
  • ISLRFEditBook.html
  • ISLRFEditBookChapter.html
  • ISLRFEditCreate.html
  • ISLRFEditInstructorUpload.html
  • ISLRFEditVideo.html
  • ISLRFInstructorUpload.html
  • ISLRFMenu.html
  • ISLRFOpenURLArticle.html
  • ISLRFOpenURLBook.html
  • ISLRFVideo.html
  • IUploadSharedListItemForm.html

Web Page Edits​

The following are the changes you will need to make on your Ares web pages in order for Shared Lists functionality to work. Also, see**Ares 4.7 Web Page Changes** for a full list of web page changes.

Main.css​

Additionally, some new styling rules were added to the main.css. To use Shared Lists on the Ares web pages you will need to add this code to your main.css file:

/* Misc. Inline Styles Moved to CSS Ares 4.4.0.0 */
span.irf-menu-item-icon {
    float: left;
    text-align: center;
    margin: 5px;
    padding: 20px;
}

span.item-icon {
    float: left;
    margin: 10px 10px 2px 5px;
    width: 20px;
    height: 100px;
}

span.item-title {
    font-weight: bold;
}

span.status-line {
    background-color:#E6F4FF;
    font-size: 110%;
}

div.item-text {
    margin-left: 25px;
}

div.shared-list-name {
    font-size: 1.2em;
}

div.view-edit-delete {
    margin: 2px 15px 2px 25px;
    padding: 3px;
    background-color: #E6E6FA;
    border: 1px solid #0000FF;
}

.float-left {
    float: left;
}

.hidden {
    display: none;
}

IRFMenu.html​

Also, Shared Lists are applied to courses in the web from the same page that is used to add Course Reserve Items (IRFMenu.html). This page has been changed to add tables of the applicable Shared Lists.

Add this code to the IRFMenu.html page right after the Course table (the line that begins with <#TABLE name="Course"):

<h3>Or would you like to apply a shared list to this course?</h3>

<#TABLE>

<#TABLE>

include_menu.html​

This will add Shared Lists functionality to the left navigation menu on the web pages.

<#INCLUDE>
<#INCLUDE>

ICourseClone.html​

This will add Shared List options to the page.

Replace this:

<div><a href="#" onclick="ToggleCheckboxes(false, 'CloneItems'); return false;">Uncheck All</a> | <a href="#" onclick="ToggleCheckboxes(true, 'CloneItems'); return false;">Check 		 All</a><br/>
</div>
<#TABLE>"/>

with this:

<div><a href="#" onclick="ToggleCheckboxes(false, 'CloneItems'); return false;">Uncheck All </a> | <a href="#" onclick="ToggleCheckboxes(true, 'CloneItems'); return false;">Check All</a><span class="<#CONDITIONAL>"> | <a href="#" onclick="ToggleCheckboxes(false, 'CloneItems', 'sharedlistitem'); return false;">Uncheck All Created From Shared List</a></span><br/>
</div>

<#TABLE>"/>

ICourseImportItems.html​

This will add Shared List options to the page.

Replace this:

<div><a href="#" onclick="ToggleCheckboxes(false, 'ImportItems'); return false;">Uncheck All	</a> | <a href="#" onclick="ToggleCheckboxes(true, 'ImportItems'); return false;">Check All</a><br />
</div>

<#TABLE>"/>

with this:

<div><a href="#" onclick="ToggleCheckboxes(false, 'ImportItems'); return false;">Uncheck All	</a> | <a href="#" onclick="ToggleCheckboxes(true, 'ImportItems'); return false;">Check All</a><span class="<#CONDITIONAL>"> | <a href="#" onclick="ToggleCheckboxes(false, 'ImportItems', 'sharedlistitem'); return false;">Uncheck All Created From Shared List</a></span><br />
</div>

<#TABLE>"/>

include_instructorcoursemenu.html​

This will add Shared List options to the page.

Add these lines:

<#INCLUDE>
<#INCLUDE>