Implementing 9.2 Web Page Release Changes

The release of ILLiad 9.2 comes with several changes to the default web pages. To implement these changes, you can either:

• Download the 9.2 web pages and replace your existing pages.
• If you have customizations, find and replace the following code changes mentioned below. Any code highlighted in yellow needs to be removed and any code highlighted in blue needs to be added.

warning

Note: The ILLiad 9.2 default web pages also include all changes made in the 9.1 default web page point releases. Please review the Implementing the 9.1 Web Page Release Changes article and make any outstanding changes as necessary to ensure that your web pages are up to date.

info

If you have any questions, would like to request a copy of your web pages to implement these changes, or require Concierge Services when implementing the new web pages, please contact support at support@atlas-sys.com.

info

9.2 Release

30 August 2022 Web Page Changes

22 November 2022 Web Page Changes

14 June 2023 Web Page Changes

07 September 2023 Web Page Changes

05 March 2024 Web Page Changes

08 July 2024 Web Pages Changes

9.2 Release

Change "display" Attribute to "displayStyle"

Change "display" Attribute to "displayStyle"

To fix an issue where transaction notes display the incorrect date and time on the web, the "display" attribute was changed to "displayStyle" on the following web pages:

• Lending/templates/DataRow_DefaultNote.html (line 4)
• Lending/templates/DataRow_DefaultRequest.html (line 45)
• templates/DataRow_CheckedOutItems.html (line 54)
• templates/DataRow_DefaultNote.html (line 4)
• templates/DataRow_DefaultRequest.html (line 54)
• templates/DataRow_ElectronicDelivery.html (line 51)
• templates/DataRow_ElectronicDeliveryUndelete.html (line 47)

info

The 'display' attribute is still currently supported in the 9.2 web pages, but the new 'displayStyle' attribute is preferred for optimal performance and to ensure compatibility with new functionality in future updates.

To implement this change, please overwrite the files listed above with the new default files or make the change on each page manually following the example below:

Example

Change this:

<span class="convert-local" data-iso8601="<#DATAROW display='style'><#DATAROW>"></span>  <!-- REMOVE 'display' attribute -->

To this:

<span class="convert-local" data-iso8601="<#DATAROW displayStyle='style'><#DATAROW>"></span>  <!-- ADD 'displayStyle' attribute -->

30 August 2022 Web Page Changes

warning

These changes impact a large number of web pages. To implement the changes, please overwrite your default web pages with the updated files and reapply your customizations, or make the changes manually on each page if your customizations are extensive.

The ILLiad default web pages were updated with a number of changes to increase the accessibility of the web pages for users. As the specific changes may vary for each file and the release includes a large number of affected web pages, we are providing a few different resources on this page to assist you with applying the changes to your web page files.

Code Comparison File | Description of Changes

Code Comparison File

To assist you with making these changes manually to your web pages, an HTML file containing the detailed code changes for each web page file is available for download:

• Default Pages Accessibility Fixes [Click to download]

After downloading the HTML file, you can double-click the downloaded file to open it up in your default web browser, then follow the instructions below to learn how to use the file to make your web pages changes.

Using the Code Comparision Files

Included in the HTML file, you will see a comparison pane for each web page with the old code displayed on the left and the new code displayed on the right, and the specific code changes highlighted in red font against a red background. Line numbers are also included for each web page file to assist you with making the changes. The HTML file will display the web pages in alphabetical order. You can find the filename at the top of each comparison pane. It is recommended to go through each web page included in the file in order and follow the displayed code comparisons to apply the changes.

warning

For complex changes, including those made to JavaScript files, it is recommended to download the new default web pages from the ILLiad Downloads page and overwrite the old file in your web directory rather than attempt to make manual changes to the file.

Description of Changes

Fix Contrast Issues for Hyperlinks | Update First-Time User Registration Page Title | Fix Contrast for "No Search Results" Text | Add Missing Labels for Required Fields | Add Button Borders | Fix Contrast Issues for Buttons and Input Fields | Allow Zooming for Mobile Users | Fix Notification Preferences Button Accessibility Issues | Accessibility Fix for DataRow Template Buttons | Remove Non-Accessible Tooltips | Fix "Actions" Button ID on DataRow_ElectronicDelivery.html | Accessibility Fix for Cookie Consent Banner | Fix Spacing Issue on DataRow Templates | Add Error Page to Lending Web Directory

To provide additional clarity, a description of each type of change you will find in the new version of the web pages is provided below with accompanying examples and a list of affected web pages.

Fix Contrast Issues for Hyperlinks

To fix color contrast issues for hyperlinks against the default web page background colors, custom focus indicators were added for hyperlinks, and hyperlinks are now underlined by default and removed on mouse hover.

To implement these changes, please overwrite your default css\illiad.css and Lending\css\illiad.css files with the updated files or make the following changes:

css\illiad.css& Lending\css\illiad.css

warning

Note: Newly added code comments have been highlighted below in yellow for better visibility

Change this (default lines 77-81):

a {
    color: #08415c;
    text-decoration: none; /* REMOVE text-decoration: none */
}

To this:

a {
    color: #08415c;
    text-decoration: underline; /* ADD text-decoration: underline */
}
a.btn {
    text-decoration: none; /* ADD exception for buttons */
}
a:hover {
    text-decoration: none; /* ADD hover behavior */
}
/*Caution: Removing hyperlink focus style will
result in using browser defaults, which might affect accessibility.
For more information, see WCAG 1.4.11 and 2.4.7*/
a:focus, a:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000; /* ADD focus indicators for accessibility */
    outline: 2px transparent solid;
}

Update First-Time User Registration Page Title

To change the title of the first-time user registration page title from "ILLiad Logon" to "ILLiad - First Time User Registration," please overwrite your default FirstTime.html file with the updated file or make the following changes:

FirstTime.html

Change this (default lines 4-8):

<head>
<meta http-equiv="Pragma" content="no-cache">
<title>ILLiad Logon</title> <!-- REMOVE "ILLiad Logon" -->
<!-- Atlas Include: include_head.html -->
</head>

To this:

<head>
<meta http-equiv="Pragma" content="no-cache">
<title>ILLiad - First Time User Registration</title> <!-- ADD "ILLiad - First Time User Registration" -->
<!-- Atlas Include: include_head.html -->
</head>

Fix Contrast for "No Search Results" Text

The default color of the "No search results" text on the search results page has been darkened to improve contrast with the default web page background color. To implement these changes, please overwrite your default css\illiad.css and Lending\css\illiad.css files with the updated files or make the following changes:

css\illiad.css & Lending\css\illiad.css

Change this (default lines 255-259):

#no-results-message {
    color: #868e96; /* REMOVE lighter gray color */
    font-size: 16px;
    padding: 4px 0 0;
}

To this:

#no-results-message {
    color: #5f5e5e; /* ADD darker gray color for better contrast */
    font-size: 16px;
    padding: 4px 0 0;
}

Add Missing Labels for Required Fields

To fix an issue where certain fields marked as required by default in the ILLiad Customization Manager's WebValidation table are not labeled as required on several default web pages, please overwrite the files listed below for each field with the new default files or make the change on each page manually following the examples below:

PhotoJournalInclusivePages field

Change this:

<div class="form-group col-md-9">
<label for="PhotoJournalInclusivePages">
<span class="field">
<span class="<#ERROR>">Inclusive Pages </span> <!-- REMOVE: Missing required indicator -->
</span>
</label>
<input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>"  > <!-- REMOVE: Missing required attribute -->
</div>

To this:

<div class="form-group col-md-9">
<label for="PhotoJournalInclusivePages">
<span class="field">
<span class="<#ERROR>">Inclusive Pages <span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
</span>
</label>
<input type="text" class="form-control" name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" value="<#PARAM name='PhotoJournalInclusivePages'>" required> <!-- ADD: required attribute -->
</div>

On the following web pages at the specified default lines:

info

• Lending\EditLendingGenericRequestArticle.html (default lines 114-123)
• Lending\LendingGenericRequestArticle.html (default lines 113-122)

Department field

Change this:

<div class="form-group col-md-5">
  <label for="Department">
    <span class="field">
      <span class="<#ERROR>">Department </span> <!-- REMOVE: Missing required indicator -->
    </span>
  </label>
  <select id="Department" name="Department" size="1" class="custom-select mr-sm-2"> <!-- REMOVE: Missing required attribute -->
    <#OPTION>">
  </select>
</div>

To this:

<div class="form-group col-md-5">
  <label for="Department">
    <span class="field">
      <span class="<#ERROR>">Department <span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
    </span>
  </label>
  <select id="Department" name="Department" size="1" class="custom-select mr-sm-2" required> <!-- ADD: required attribute -->
    <#OPTION>">
  </select>
</div>

On the following web pages at the specified default lines:

info

• NewUserRegistration.html (default lines 94-105)
• NewAuthRegistration.html (default lines 96-107)

Current Password & New Password fields

Change this:

<section name="password-info">
  <div class="form-group col-md-5">
    <label for="CurrentPassword">
      <span class="<#ERROR>">Current Password </span> <!-- REMOVE: Missing required indicator -->
    </label>
    <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" 
           aria-describedby="passwordHelp" autocomplete="off"> <!-- REMOVE: Missing required attribute -->
  </div>
  <div class="form-group col-md-5">
    <label for="Password1">
      <span class="<#ERROR>">New Password </span> <!-- REMOVE: Missing required indicator -->
    </label>
    <input type="password" class="form-control" name="Password1" id="Password1" 
           autocomplete="off"> <!-- REMOVE: Missing required attribute -->
    <div class="small-notes">
      Passwords must be at least eight characters long and contain a lowercase letter, 
      an uppercase letter, and a number.
    </div>
  </div>
  <div class="form-group col-md-5">
    <label for="Password2">
      <span class="<#ERROR>">Re-enter New Password </span> <!-- REMOVE: Missing required indicator -->
    </label>
    <input type="password" class="form-control" name="Password2" id="Password2" 
           autocomplete="off"> <!-- REMOVE: Missing required attribute -->
  </div>
</section>

To this:

<section name="password-info">
  <div class="form-group col-md-5">
    <label for="CurrentPassword">
      <span class="<#ERROR>">Current Password <span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
    </label>
    <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" 
           aria-describedby="passwordHelp" autocomplete="off" required> <!-- ADD: required attribute -->
  </div>
  <div class="form-group col-md-5">
    <label for="Password1">
      <span class="<#ERROR>">New Password <span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
    </label>
    <input type="password" class="form-control" name="Password1" id="Password1" 
           autocomplete="off" required> <!-- ADD: required attribute -->
    <div class="small-notes">
      Passwords must be at least eight characters long and contain a lowercase letter, 
      an uppercase letter, and a number.
    </div>
  </div>
  <div class="form-group col-md-5">
    <label for="Password2">
      <span class="<#ERROR>">Re-enter New Password <span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
    </label>
    <input type="password" class="form-control" name="Password2" id="Password2" 
           autocomplete="off" required> <!-- ADD: required attribute -->
  </div>
</section>

On the following web pages at the specified default lines:

info

• ChangePassword.html (default lines 25-55)
• Lending\LendingChangePassword.html (default lines 24-55)

Username field

Change this:

<div class="logon-field form-group col-md-5">
<label for="username">
<span class="<#ERROR>">Username </span> <!-- REMOVE: Missing required indicator -->
</label>
<input type="text" class="form-control" name="username" id="username" value="<#PARAM name='Username'>"  > <!-- REMOVE: Missing required attribute -->
</div>

To this:

<div class="logon-field form-group col-md-5">
<label for="username">
<span class="<#ERROR>">Username<span class="req">(required)</span> </span> <!-- ADD: Required indicator -->
</label>
<input type="text" class="form-control" name="username" id="username" value="<#PARAM name='Username'>" required> <!-- ADD: required attribute -->
</div>

On the following web pages at the specified default lines:

info

• Lending\LendingForgotPassword.html (default lines 23-28)
• ForgotPassword.html (default lines 23-28)

Add Button Borders

Borders have been added to all buttons to resolve color contrast issues. To implement these changes, please overwrite your default css\illiad.css and Lending\css\illiad.css files with the updated files or make the following changes:

css\illiad.css& Lending\css\illiad.css

warning

Note: Newly added code comments have been highlighted below in yellow for better visibility

Change this (default lines 168-172):

/*These are CSS classes for the buttons*/
.btn-primary, .btn-secondary, .btn-light {
    border: none; /* REMOVE: No border styling */
    margin: 10px 0;
}

To this:

/*These are CSS classes for the buttons*/
/*Caution: Altering button borders might affect accessibility.
For more information, see WCAG 1.4.11*/
.btn-primary, .btn-secondary, .btn-light, .btn.disabled, .btn:disabled,
.btn-primary:hover, .btn-secondary:hover, .btn-light:hover,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled):not(.dropdown-item).active, 
.btn-light:not(:disabled):not(.disabled):not(.dropdown-item):active, 
.show>.btn-light.dropdown-toggle {
    border: 1px solid #6C757D; /* ADD: Gray border for accessibility */
}
.btn-link, .btn-link.disabled, .btn-link:disabled, 
.dropdown-menu .dropdown-item.btn-light {
    border: none; /* ADD: No border for link-style buttons */
}
.btn-primary, .btn-secondary, .btn-light {
    margin: 10px 0;
}

Fix Contrast Issues for Buttons and Input Fields

To address color contrast issues for buttons and input fields against the default web page background colors, custom focus indicators were added for buttons and input fields and an outline was added for input fields. To implement these changes, please overwrite your default css\illiad.css and Lending\illiad.css files with the updated files or make the following changes:

css\illiad.css& Lending\css\illiad.css

warning

Note: Newly added code comments have been highlighted below in yellow for better visibility

Add this (default line 76):

p {
    color: #5f5e5e;
    font-size: 16px;
    padding: 10px;
}

To this:

p {
    color: #5f5e5e;
    font-size: 16px;
    padding: 10px;
}
/*Caution: Removing or altering focus style might affect accessibility.
For more information, see WCAG 1.4.11 and 2.4.7*/
button:focus,
.btn:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show>.btn.dropdown-toggle:focus,
.form-control:focus,
.custom-select:focus,
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000; /* ADD: High-contrast focus indicator */
    outline: 2px transparent solid;
}
/*For Safari compatibility, which does not support box-shadows on
unstyled form controls. A black colored outline has
sufficient contrast against our white and grey backgrounds.*/
input:not(.form-control, .custom-select, .custom-control-input, .btn):focus {
    box-shadow: none;
    outline: 2px #000 solid; /* ADD: Black outline for Safari compatibility */
    outline-offset: 2px;
}

And add this (default line 284):

section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {
    padding-left: 2.25rem;
}

To this:

section[name='order-info'] .form-check, form[name='ChangeUserInformation'] .form-check {
    padding-left: 2.25rem;
}
/*Caution: Changing form field border color can affect accessibility
For more information see WCAG 1.4.11*/
.form-control,
.form-control:focus,
.custom-select,
.custom-select:focus,
.custom-control .custom-control-label::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #757575; /* ADD: Darker border color for better contrast */
}
.custom-switch .custom-control-label::after {
    background-color: #757575; /* ADD: Darker background for switches */
}

Allow Zooming for Mobile Users

To fix an issue where users on mobile devices can't zoom in and out of the web pages, please overwrite the files listed below with the updated files or make the following changes to each file following the example below:

Example

Change this:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <!-- REMOVE: Zoom restrictions -->

To this:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- ADD: Allow zooming for accessibility -->

On the following web pages at the specified default lines:

info

• include_head.html (default line 2)
• Lending\include_head.html (default line 2)
• Lending\LendingLogon.html (default line 7)

Fix Notification Preferences Button Accessibility Issues

To fix accessibility issues caused by <a> tags used for the "All" and "None" buttons within include_notification_preferences.html, please overwrite your include_notification_preferences.html file with the updated file or make the following changes:

include_notification_preferences.html

Change this (default lines 15-24):

<div class="row">
  <div class="col-3 offset-6">
    <a data-notification-check="Email" data-notification-action="all"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all email options for account notifications" onclick='SelectAll("notification1")' value="All" disabled/>
    </a>
    <a data-notification-check="Email" data-notification-action="none"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all email options for account notifications" onclick='UnSelectAll("notification1")' value="None" disabled/>
    </a>
  </div>
  <div class="col-3">
    <a data-notification-check="Text" data-notification-action="all"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all text/sms options for account notifications" onclick='SelectAll("notification2")' value="All"/>
    </a>
    <a data-notification-check="Text" data-notification-action="none"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all text/sms options for account notifications" onclick='UnSelectAll("notification2")' value="None"/>
    </a>
  </div>
</div>

To this:

<div class="row">
  <div class="col-3 offset-6">
    <span data-notification-check="Email" data-notification-action="all"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all email options for account notifications" onclick='SelectAll("notification1")' value="All" disabled/>
    </span>
    <span data-notification-check="Email" data-notification-action="none"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all email options for account notifications" onclick='UnSelectAll("notification1")' value="None" disabled/>
    </span>
  </div>
  <div class="col-3">
    <span data-notification-check="Text" data-notification-action="all"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all text/sms options for account notifications" onclick='SelectAll("notification2")' value="All"/>
    </span>
    <span data-notification-check="Text" data-notification-action="none"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all text/sms options for account notifications" onclick='UnSelectAll("notification2")' value="None"/>
    </span>
  </div>
</div>

And change this (default lines 49-58):

<div class="row">
  <div class="col-3 offset-6">
    <a data-notification-check="Email" data-notification-action="all"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all email options for request notifications" onclick='SelectAll("notification3")' value="All"/>
    </a>
    <a data-notification-check="Email" data-notification-action="none"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all email options for request notifications" onclick='UnSelectAll("notification3")' value="None"/>
    </a>
  </div>
  <div class="col-3">
    <a data-notification-check="Text" data-notification-action="all"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all text/sms options for request notifications" onclick='SelectAll("notification4")' value="All"/>
    </a>
    <a data-notification-check="Text" data-notification-action="none"> <!-- REMOVE: Anchor tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all text/sms options for request notifications" onclick='UnSelectAll("notification4")' value="None"/>
    </a>
  </div>
</div>

To this:

<div class="row">
  <div class="col-3 offset-6">
    <span data-notification-check="Email" data-notification-action="all"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all email options for request notifications" onclick='SelectAll("notification3")' value="All"/>
    </span>
    <span data-notification-check="Email" data-notification-action="none"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all email options for request notifications" onclick='UnSelectAll("notification3")' value="None"/>
    </span>
  </div>
  <div class="col-3">
    <span data-notification-check="Text" data-notification-action="all"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Select all text/sms options for request notifications" onclick='SelectAll("notification4")' value="All"/>
    </span>
    <span data-notification-check="Text" data-notification-action="none"> <!-- ADD: Span tag wrapper -->
      <input class="btn btn-primary btn-md" type="button" aria-label="Unselect all text/sms options for request notifications" onclick='UnSelectAll("notification4")' value="None"/>
    </span>
  </div>
</div>

Accessibility Fix for DataRow Template Buttons

To fix an issue where certain buttons used in the DataRow template files can't be activated using keyboard controls, please overwrite the files listed below with the new default files or make the change on each page manually following the example below:

Example

Change this:

<a class="btn btn-primary" role="button" href="<#ACTION action="10" form="20">&Value=<#DATAROW>"> <!-- REMOVE: role="button" attribute -->
  <span class="fa fa-info-circle mr-1"></span>Details
</a>

To this:

<a class="btn btn-primary" href="<#ACTION action="10" form="20">&Value=<#DATAROW>"> <!-- ADD: Remove role="button" for accessibility -->
  <span class="fa fa-info-circle mr-1"></span>Details
</a>

On the following web pages at the specified default lines:

info

• Lending\templates\DataRow_DefaultRequest.html (default line 14)
• templates\DataRow_CheckedOutItems.html (default line 14)
• templates\DataRow_DefaultRequest.html (default line 14)
• templates\DataRow_ElectronicDelivery.html (default line 15)

Remove Non-Accessible Tooltips

To remove unnecessary tooltips from the DataRow template files that do not meet accessibility requirements, please overwrite the files listed below with the new default files or make the changes on each page manually following the instructions below:

js\atlasUtility.js& Lending\js\atlasUtility.js

warning

The changes to these files are extensive. Please overwrite these files with the updated files.

css\illiad.css&Lending\css\illiad.css

Change this (default lines 320-363):

.modal-footer {
    padding: 0rem;
}
/* Tooltip container */ /* REMOVE: Non-accessible tooltip styles */
.tool-tip {
    display: inline-block;
    position: relative;
}
/* Tooltip text */
.tool-tip .tool-tip-text {
    background-color: #555;
    border-radius: 6px;
    color: #fff;
    font-size: small;
    padding: 5px 0;
    text-align: center;
    visibility: hidden;
    /* Position the tooltip text */
    bottom: 125%;
    left: 0%;
    position: absolute;
    z-index: 1;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}
/* Tooltip arrow */
.tool-tip .tool-tip-text::after {
    border-color: #555 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tool-tip:hover .tool-tip-text {
    opacity: 1;
    visibility: visible;
}

To this:

.modal-footer {
    padding: 0rem;
}
/* ADD: All tooltip styles removed for accessibility compliance */

DataRow Template Files (Excluding DataRow_ElectronicDelivery.html)

Change this:

<div class="col-lg-5 col-md-12 text-right">
  <div class="field mb2 text-muted">Item Status
    <span class="field-value font-weight-bold tool-tip"> <!-- REMOVE: tool-tip class -->
      <#DATAROW>
      <span class="tool-tip-text"> <!-- REMOVE: Tooltip text element -->
        Moved to <#DATAROW> on <span class="convert-local" data-iso8601="<#DATAROW>"><#DATAROW></span>
      </span>
    </span>
  </div>
</div>

To this:

<div class="col-lg-5 col-md-12 text-right">
  <div class="field mb2 text-muted">Item Status
    <span class="field-value font-weight-bold"> <!-- ADD: Remove tooltip functionality -->
      <#DATAROW>
    </span>
  </div>
</div>

On the following web pages at the specified default lines:

info

• templates\DataRow_CheckedOutItems.html (default lines 48-57)
• templates\DataRow_DefaultRequest.html (default lines 48-57)
• templates\DataRow_ElectronicDeliveryUndelete.html (default lines 41-51)
• Lending\templates\DataRow_DefaultRequest.html (default lines 38-49)

templates\DataRow_ElectronicDelivery.html

Change this (default lines 15-20):

<a role="button" class="btn btn-primary menuViewPdf <#DATAROW>" 
   href="<#ACTION action="10" form="20">&Value=<#DATAROW>" 
   data-toggle="popover" data-trigger="hover" data-placement="bottom" 
   data-content="File Size: <#DATAROW>"> <!-- REMOVE: Non-accessible popover tooltip -->
  <span aria-hidden="true" class="fas fa-eye"></span> View
</a>
<div class="btn-group" role="group">
  <button id="btnGroupDrop " type="button" class="btn btn-secondary dropdown-toggle" 
          data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- REMOVE: Space in ID -->
    Actions
  </button>

To this:

<a class="btn btn-primary menuViewPdf <#DATAROW>" 
   href="<#ACTION action="10" form="20">&Value=<#DATAROW>"> <!-- ADD: Remove role and popover attributes -->
  <span aria-hidden="true" class="fas fa-eye"></span> View
</a>
<div class="btn-group" role="group">
  <button id="btnGroupDrop<#DATAROW>" type="button" class="btn btn-secondary dropdown-toggle" 
          data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- ADD: Fix ID with dynamic value -->
    Actions
  </button>

And change this (default lines 40-56):

<div class="row">
  <div class="col-lg-7 col-md-12">
    <div class="field text-muted">Transaction Number<span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- REMOVE: Missing space -->
  </div>
  <div class="col-lg-5 col-md-12 text-right">
    <div class="field mb2 text-muted">
      <span class="field-value font-weight-bold tool-tip"> <!-- REMOVE: tool-tip class -->
        <#DATAROW>
        <span class="tool-tip-text"> <!-- REMOVE: Tooltip text element -->
          Moved to <#DATAROW> on <span class="convert-local" data-iso8601="<#DATAROW>"><#DATAROW></span>
        </span>
      </span>
    </div>
  </div>
</div>

To this:

<div class="row">
  <div class="col-lg-7 col-md-12">
    <div class="field text-muted">Transaction Number <span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- ADD: Space before span -->
    <div class="field text-muted">File Size: <span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- ADD: File size field -->
  </div>
  <div class="col-lg-5 col-md-12 text-right">
    <div class="field mb2 text-muted">
      <span class="field-value font-weight-bold"> <!-- ADD: Remove tooltip functionality -->
        <#DATAROW>
      </span>
    </div>
  </div>
</div>

Fix "Actions" Button ID on DataRow_ElectronicDelivery.html

To fix an accessibility issue caused by an incorrect id value for the "Actions" button on DataRow_ElectronicDelivery.html, please overwrite your default DataRow_ElectronicDelivery.html file with the updated file or make the following changes:

templates\DataRowElectronicDelivery.html

Change this (default lines 18-20):

<button id="btnGroupDrop " type="button" class="btn btn-secondary dropdown-toggle" 
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- REMOVE: Space in ID -->
  Actions
</button>

To this:

<button id="btnGroupDrop<#DATAROW>" type="button" class="btn btn-secondary dropdown-toggle" 
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- ADD: Dynamic ID value -->
  Actions
</button>

Accessibility Fix for Cookie Consent Banner

To fix an issue where the cookie notification popup can't be dismissed using keyboard controls, please overwrite the following files with the updated files, and either overwrite your default css\illiad.css and Lending\css\illiad.css files with the updated files or make the following changes:

js\atlasCookieConsent.js& Lending\js\atlasCookieConsent.js

warning

The changes to this file are extensive. Please overwrite this file with the updated file.

js\cookieconsent.min.js& Lending\js\cookieconsent.min.js

warning

The changes to this file are extensive. Please overwrite this file with the updated file.

css\cookieconsent.min.css& Lending\css\cookieconsent.min.css

warning

The changes to this file are extensive. Please overwrite this file with the updated file.

css\illiad.css& Lending\css\illiad.css

Add this to the end of the file:

/* Cookie Consent Styling */ /* ADD: Accessible cookie consent styling */
.theme_atlas {
    --cc-bg: #333333;
    --cc-text: #fff;
    --cc-btn-primary-bg: #08415c;
    --cc-btn-primary-text: #fff;
}
.theme_atlas .cc_div a {
    color: var(--cc-btn-primary-bg);
}
.theme_atlas .cc_div #c-txt {
    color: var(--cc-text);
}
.theme_atlas .c-bn, .theme_atlas .c-bn:hover {
    border: 1px solid #79818B;
}

Fix Spacing Issue on DataRow Templates

To fix a spacing issue with the Transaction Number and Due Date fields on several DataRow template files, please overwrite the files listed below with the new default files or make the change on each page manually following the example below:

Example

Change this:

<div class="col-lg-7 col-md-12">
  <div class="field text-muted">Transaction Number<span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- REMOVE: Missing space -->
</div>

To this:

<div class="col-lg-7 col-md-12">
  <div class="field text-muted">Transaction Number <span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- ADD: Space before span -->
</div>

And change this:

<div class="field mb2 text-muted">Due Date<span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- REMOVE: Missing space -->
</div>

To this:

<div class="field mb2 text-muted">Due Date <span class="field-value font-weight-bold mr-1"><#DATAROW></span></div> <!-- ADD: Space before span -->
</div>

On the following web pages at the specified default lines:

info

• templates\DataRow_CheckedOutItems.html (default lines 46 & 55)
• templates\DataRow_DefaultRequest.html (default lines 46 & 55)
• templates\DataRow_ElectronicDelivery.html (default line 42 - Transaction Number field only)

Add Error Page to Lending Web Directory

To fix an issue where Lending web pages do not display an error page to the user, please download the latest set of default web pages from the ILLiad Downloads page and copy the following file into the Lending folder within your ILLiad web directory:

Lending\Error.html

warning

Please download this file and add it to your Lending web directory.

22 November 2022 Web Page Changes

Resolve Contrast and Formatting Issues on Search Pages | Remove Unnecessary Hidden Inputs | Fix Page Header on NewAuthRegistration.html

Resolve Contrast and Formatting Issues on Search Pages

To fix the improper alignment of the radio buttons on the search web pages and to resolve contrast issues for the search box, please overwrite the files listed below with the new default files or make the change on each page manually following the examples below:

css\illiad.css& Lending\css\illiad.css

warning

Note: Changes to code comments have been highlighted below in yellow for better visibility

Change this (default lines 404-406):

#searchType, #SearchTypeAll {
    display: inline !important; /* REMOVE: Improper display styling */
}

To this:

#searchType label {
    width: auto; /* ADD: Proper label width for radio buttons */
}

ViewSearchResults.html& Lending\LendingViewSearchResults.html

Change this (default lines 21-40):

<input id="SearchCriteria" value="<#PARAM name='SearchCriteria'>" name="SearchCriteria" type="text" title="Search criteria"> <!-- REMOVE: No form styling -->
<input class="btn btn-primary btn-sm" type="submit" name="SubmitButton" value="Search" title="Search"> <!-- REMOVE: Small button class -->
<!--Switch control for search filtering-->
<!--<div class="custom-control custom-switch" id="customSearchType">
<input type="checkbox" name="SearchType" class="custom-control-input" id="SearchType" value="<#PARAM name='SearchType'>">
<label class="custom-control-label" for="SearchType">Search <u>only</u> active requests</label>
</div>-->
<!--Radio control for search filtering-->
<div id="searchType"> <!-- REMOVE: Missing Bootstrap form classes -->
  <input checked name="SearchType" type="radio" id="SearchTypeActive" value="Active"> <!-- REMOVE: No form styling -->
  <label for="SearchTypeActive"><span>Search <u>only</u> active requests</span></label>
  <input class="ml-3" name="SearchType" type="radio" id="SearchTypeAll" value="All"> <!-- REMOVE: Basic margin class -->
  <label for="SearchTypeAll">Search all requests</label>

To this:

<div class="form-inline m-0"> <!-- ADD: Bootstrap form inline wrapper -->
  <input id="SearchCriteria" class="form-control mr-1" value="<#PARAM name='SearchCriteria'>" name="SearchCriteria" type="text" title="Search criteria"> <!-- ADD: Form control styling -->
  <input class="btn btn-primary" type="submit" name="SubmitButton" value="Search" title="Search"> <!-- ADD: Remove small button class -->
</div>
<!--Switch control for search filtering-->
<!--<div class="custom-control custom-switch mb-4" id="customSearchType">
<input type="checkbox" name="SearchType" class="custom-control-input" id="SearchType" value="<#PARAM name='SearchType'>">
<label class="custom-control-label" for="SearchType">Search <u>only</u> active requests</label>
</div>-->
<!--Radio control for search filtering-->
<div id="searchType" class="mb-3 mt-1"> <!-- ADD: Bootstrap spacing classes -->
  <div class="form-check form-check-inline mr-3 mb-3"> <!-- ADD: Bootstrap form check wrapper -->
    <input checked class="form-check-input" name="SearchType" type="radio" id="SearchTypeActive" value="Active"> <!-- ADD: Form check input class -->
    <label for="SearchTypeActive" class="form-check-label"><span>Search <u>only</u> active requests</span></label> <!-- ADD: Form check label class -->
  </div>
  <div class="form-check form-check-inline"> <!-- ADD: Bootstrap form check wrapper -->
    <input class="form-check-input" name="SearchType" type="radio" id="SearchTypeAll" value="All"> <!-- ADD: Form check input class -->
    <label for="SearchTypeAll" class="form-check-label">Search all requests</label> <!-- ADD: Form check label class -->
  </div>

Remove Unnecessary Hidden Inputs

Unnecessary hidden inputs have been removed from various web forms to enhance security and improve the efficiency of the code on these pages. The hidden inputs that should be removed within each file vary and are detailed in an expandable section below the code change example. Please either overwrite these files with the new default files or locate and remove the listed hidden inputs on each page manually following the example below as a guide:

Lending\EditLendingGenericRequestArticle.html

info

In the following example, the RequestType, Username, SessionID, ESPNumber, CallNumber, and NotWantedAfter hidden inputs are removed.

Change this (default lines 13-24):

<div class="container">
  <main id="content" aria-label="Content">
    <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestArticle">
      <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestArticle">
      <input type="hidden" name="RequestType" value="<#PARAM name='RequestType'>"> <!-- REMOVE: Unnecessary hidden input -->
      <input type="hidden" name="Username" value="<#PARAM name='Username'>"> <!-- REMOVE: Unnecessary hidden input -->
      <input type="hidden" name="SessionID" value="<#PARAM name='SessionID'>"> <!-- REMOVE: Unnecessary hidden input -->
      <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
      <input type="hidden" name="ESPNumber" value="<#PARAM name='ESPNumber'>"> <!-- REMOVE: Unnecessary hidden input -->
      <input type="hidden" name="CallNumber" value="<#PARAM name='CallNumber'>"> <!-- REMOVE: Unnecessary hidden input -->
      <input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>"> <!-- REMOVE: Unnecessary hidden input -->
      <#FORMSTATE>

To this:

<div class="container">
  <main id="content" aria-label="Content">
    <form action="illiadlending.dll" method="post" name="EditLendingGenericRequestArticle">
      <input type="hidden" name="ILLiadForm" value="EditLendingGenericRequestArticle">
      <!-- ADD: Removed RequestType, Username, SessionID, ESPNumber, CallNumber, NotWantedAfter for security -->
      <input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
      <!-- ADD: Removed unnecessary hidden inputs as listed above -->
      <#FORMSTATE>

Click here for the list of affected default web pages

• Lending\EditLendingGenericRequestArticle.html
  • Remove RequestType, Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• Lending\EditLendingGenericRequestLoan.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• Lending\LendingChangePassword.html
  • Remove Username, SessionID
• Lending\LendingGenericRequestArticle.html
  • Remove Username, SessionID
• Lending\LendingGenericRequestLoan.html
  • Remove Username, SessionID
• Lending\LendingNewUserRegistration.html
  • Remove SessionID
• Lending\LendingUpdateAddressInformation.html
  • Remove Username, SessionID
• Lending\LendingViewSearchResults.html
  • Remove SessionID
• ArticleRequest.html
  • Remove Username, SessionID
• BookChapterRequest.html
  • Remove Username, SessionID
• ChangePassword.html
  • Remove Username, SessionID
• ChangeUserInformation.html
  • Remove Username, SessionID, ArticleBillingCategory, LoanBillingCategory, DeliveryGroup, LoanDeliveryGroup, WebDeliveryGroup
• ConferencePaperRequest.html
  • Remove Username, SessionID
• EditAccountInformation.html
  • Remove Username, SessionID
• EditArticleRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditBookChapterRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditConferencePaperRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditGenericRequestTesting.html
  • Remove RequestType, Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditLoanRequest.html
  • Remove RequestType, Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditMultimediaRequest.html
  • Remove RequestType, Username, SessionID, NotWantedAfter
• EditPatentRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditReportRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditStandardsDocumentRequest.html
  • Remove Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• EditThesisRequest.html
  • Remove RequestType, Username, SessionID, ESPNumber, CallNumber, NotWantedAfter
• GenericRequestTesting.html
  • Remove RequestType, Username, SessionID
• LoanRequest.html
  • Remove Username, SessionID
• MultimediaRequest.html
  • Remove Username, SessionID
• PatentRequest.html
  • Remove Username, SessionID
• ReportRequest.html
  • Remove Username, SessionID
• StandardsDocumentRequest.html
  • Remove Username, SessionID
• ThesisRequest.html
  • Remove Username, SessionID
• ViewSearchResults.html
  • Remove SessionID

Fix Page Header on NewAuthRegistration.html

To fix an incorrect page header on NewAuthRegistration.html, please overwrite your NewAuthRegistration.html file with the new default file or make the changes manually following the example below:

NewAuthRegistration.html

Change this (default line 27):

<h2 class="page-header">Change Personal Information</h2> <!-- REMOVE: Incorrect page header text -->

To this:

<h2 class="page-header">New Authenticated User Registration for ILLiad</h2> <!-- ADD: Correct page header text -->

14 June 2023 Web Page Changes

Implement Captcha Support on User Registration Pages | Remove Unused Lending JavaScript File | Update Copyright Year | Adjust Color for Hyperlinks in Cookie Banner | Adjust Color for Web Alert Titles | Adjust Label Color for Form Fields Failing Validation | Reorder Links in include_head.html | Fix Timezone Conversion Issues | Update FAQ | Fixes for Web Alerts | Fix Broken Label Elements on Lending Pages | Realign Actions Menu Dropdown Options | Improve Transaction Menu Responsiveness | Update Value Persistence JavaScript | Accessibility Fixes for Small Notes | Remove Unused 'aria-describedby' Attributes

Implement Captcha Support on User Registration Pages

The NewUserRegistration.html and LendingNewUserRegistration.html web pages were modified and the following new files were added to the default web pages to implement captcha support on the New User Registration forms:

• include_captcha_none.html
• include_hcaptcha.html
• include_mtcaptcha.html
• include_recaptcha_v2_checkbox.html
• include_recaptcha_v2_invisible.html
• include_recaptcha_v3.html

tip

For detailed instructions on configuring these changes, please see the captcha configuration section of the Preventing Account Creation Spam in ILLiad article.

warning

Note: The ILLiad Web DLL and Lending DLL components must be updated to**v9.2.3 following the June 2023 server update instructions** before the new captcha web pages can be used to implement the captcha requirement on the New User Registration forms.

Remove Unused Lending JavaScript File

The userNotificationPreferences.js file located in the js subfolder of the Lending web pages has been removed from the default web pages and is no longer supported. This file is not actively used by the ILLiad Lending web pages and should be deleted from your Lending web directory, if present. To locate and remove this file, please follow the steps below:

1. Navigate into the Lending folder in your ILLiad web directory
2. Navigate into the js subfolder that is located inside the Lending folder
3. Within the js folder, locate and remove/delete the userNotificationPreferences.js file

danger

Warning! Do not delete the separate userNotificationPreferences.js file that is located within the js subfolder of the Borrowing web pages. To avoid deleting the wrong file, please ensure that you have navigated into the Lending folder before locating and removing the JavaScript file.

---

Update Copyright Year

To update the hardcoded copyright year on the ILLiad web pages to the current year, please overwrite the files listed below with the updated files or make the following changes manually:

css\illiad.css & Lending\css\illiad.css

Change this (default line 4):

Copyright 2022 Atlas Systems, Inc. http://www.atlas-sys.com /* REMOVE: Outdated copyright year */

To this:

Copyright 2023 Atlas Systems, Inc. http://www.atlas-sys.com /* ADD: Updated copyright year */

Then update the copyright year on the web pages listed below following this example for include_footer.html:

Change this (include_footer.html default line 3):

<div>&copy; 2022<a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> All Rights Reserved.</div> <!-- REMOVE: Outdated copyright year -->

To this:

<div>&copy; 2023<a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> All Rights Reserved.</div> <!-- ADD: Updated copyright year -->

info

Make the change above on the following web pages at the specified default lines:

• Lending\include_footer.html (default line 3)
• Lending\LendingLogon.html (default line 84)
• include_footer.html (default line 3)
• Logon.html (default line 78)

---

Adjust Color for Hyperlinks in Cookie Banner

To fix contrast issues with the default color used for hyperlinks added to the cookie consent banner, please overwrite the files listed below with the updated files or make the following changes manually:

css\illiad.css & Lending\css\illiad.css

Change this (default lines 426-428):

.theme_atlas .cc_div a {
    color: var(--cc-btn-primary-bg); /* REMOVE: Low contrast color variable */
}

To this:

.theme_atlas .cc_div a, .theme_atlas .cc_div .cc-link {
    border-color: #d6d6d6; /* ADD: Better contrast border color */
    color: #d6d6d6; /* ADD: Better contrast text color */
}

tip

To learn how to add a custom hyperlink to the cookie consent banner, see Adding a Custom Hyperlink to the Cookie Consent Banner.

---

Adjust Color for Web Alert Titles

To fix contrast issues with the default color used to display web alert titles, please overwrite the files listed below with the updated files or make the following changes manually:

css\illiad.css & Lending\css\illiad.css

Change this (default line 265):

.btn-alert {
    color: #c74827; /* REMOVE: Low contrast color */
    font-size: 14px;
    padding: 4px 12px 6px;
}

To this:

.btn-alert {
    color: #b81f18; /* ADD: Better contrast color */
    font-size: 14px;
    padding: 4px 12px 6px;
}

---

Adjust Label Color for Form Fields Failing Validation

The default label color used to highlight fields that fail server validation when a form is submitted was changed to fix contrast issues against the default web page background colors. To implement this change, please overwrite your default js\atlasUtility.js and Lending\js\atlasUtility.js files with the updated files and either overwrite your css\illiad.css and Lending\css\illiad.css files with the updated files or make the following changes manually:

js\atlasUtility.js & Lending\js\atlasUtility.js

warning

Please overwrite these files with the updated files.

css\illiad.css & Lending\css\illiad.css

Change this (default line 147-149):

.fas {
    font-size: 16px;
}

To this:

.validationError { /* ADD: New validation error styling */
    color: #b81f18;
}
.fas {
    font-size: 16px;
}

---

Reorder Links in include_head.html

To reorder the list of stylesheet links in order to improve the consistency of the code contained within the include_head.html file, please overwrite your default include_head.html file with the updated file or make the following changes manually:

include_head.html

Move this (default lines 10-13):

<link rel="stylesheet" type="text/css" href="css/cookieconsent.min.css" /> <!-- REMOVE: Cookie CSS should be last -->
<link rel="stylesheet" type="text/css" href="css/illiad.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">

To the bottom of the list of links:

<link rel="stylesheet" type="text/css" href="css/illiad.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="css/cookieconsent.min.css" /> <!-- ADD: Cookie CSS moved to bottom for consistency -->

---

Fix Timezone Conversion Issues

To fix an issue where tracking entries for requests on the ILLiad web pages may sometimes display at a different timezone than what is shown in the ILLiad Client, please overwrite your default js\atlasUtility.js and Lending\js\atlasUtility.js files with the updated files and either overwrite the additional files listed below with the updated files or make the following changes manually:

js\atlasUtility.js & Lending\js\atlasUtility.js

warning

Please overwrite these files with the updated files.

templates\DataRow_DefaultNote.html & Lending\templates\DataRow_DefaultNote.html

Change this (default line 4):

<span class="convert-local" data-iso8601="<#DATAROW>"><#DATAROW></span> <!-- REMOVE: Timezone conversion attributes -->

To this:

<span><#DATAROW></span> <!-- ADD: Remove timezone conversion to fix display issues -->

include_head.html

Change this (default line 20):

<script src="js/custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js" 
        integrity="sha256-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4gF63x/prKXKH0=" crossorigin="anonymous"></script> <!-- REMOVE: Moment.js causing timezone issues -->
<script src="js/WebAlerts.js"></script>

To this:

<script src="js/custom.js"></script>
<!-- ADD: Remove moment.js library to fix timezone conversion issues -->
<script src="js/WebAlerts.js"></script>

Lending\include_head.html

Change this (default line 21):

<script src="js/custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js" 
        integrity="sha256-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4gF63x/prKXKH0=" crossorigin="anonymous"></script> <!-- REMOVE: Moment.js causing timezone issues -->
<script src="js/lendingWebAlerts.js"></script>

To this:

<script src="js/custom.js"></script>
<!-- ADD: Remove moment.js library to fix timezone conversion issues -->
<script src="js/lendingWebAlerts.js"></script>

---

Update FAQ

To update outdated information on the Borrowing and Lending FAQ web pages, please overwrite the files listed below with the updated files or make the following changes manually:

FAQ.html

Change this (default line 117):

<div>
  You need a Web browser that can handle forms, tables, and preferably 
  Cascading Style Sheets (CSS). We recommend the current versions of either 
  Microsoft Internet Explorer or Mozilla Firefox. <!-- REMOVE: Outdated browser recommendations -->
</div>

To this:

<div>
  You need a Web browser that can handle forms, tables, and preferably 
  cascading style sheets (CSS). We recommend the current versions of Google 
  Chrome, Microsoft Edge, Mozilla Firefox, or Apple Safari. <!-- ADD: Updated browser recommendations -->
</div>

And change this (default line 189):

<div>
  The technology that we use sends a Session ID to be stored on your machine. 
  You can refuse this cookie and still be able to use ILLiad without any problems. <!-- REMOVE: Outdated cookie information -->
</div>

To this:

<div>
  The technology that we use sends a Session ID to be stored on your machine. 
  This cookie is required to remain logged in to the ILLiad system. <!-- ADD: Updated cookie requirement info -->
</div>

Lending\LendingFAQ.html

Change this (default line 120):

<p>
  You need a Web browser that can handle forms, tables, and preferrably 
  Cascading Style Sheets (CSS). We recommend the current versions of either 
  Microsoft Internet Explorer or Mozilla Firefox. <!-- REMOVE: Outdated browser recommendations and typo -->
</p>

To this:

<p>
  You need a Web browser that can handle forms, tables, and preferably 
  cascading style sheets (CSS). We recommend the current versions of Google 
  Chrome, Microsoft Edge, Mozilla Firefox, or Apple Safari. <!-- ADD: Updated browser recommendations and fixed typo -->
</p>

And change this (default lines 182-183):

<p>
  The technology that we use sends a Session ID to be stored on your machine. 
  You can refuse this cookie and still be able to use ILLiad without any problems. <!-- REMOVE: Outdated cookie information -->
</p>

To this:

<p>
  The technology that we use sends a Session ID to be stored on your machine. 
  This cookie is required to remain logged in to the ILLiad system. <!-- ADD: Updated cookie requirement info -->
</p>

---

Fixes for Web Alerts

To add the missing 'type' attribute to the Close buttons used on web alerts and to fix an accessibility issue caused by a broken 'aria-labelledby' attribute, please overwrite the files listed below with the updated files:

js\webAlerts.js

warning

The changes to this file are extensive. Please overwrite this file with the updated file.

Lending\js\lendingWebAlerts.js

warning

The changes to this file are extensive. Please overwrite this file with the updated file.

---

Fix Broken Label Elements on Lending Pages

To fix incorrectly formatted label elements on the Lending web pages, please overwrite the files listed below with the updated files or make the following changes manually:

Lending\LendingNewUserRegistration.html

Change this (default lines 28-33):

<div class="form-group col-md-6">
  <span class="<#ERROR>">Library Name <span class="req">(required)</span> </span> <!-- REMOVE: Missing label element -->
  <input id="LibraryName" name="LibraryName" type="text" class="form-control" 
         size="40" value="<#PARAM name='LibraryName'>" required>
</div>

To this:

<div class="form-group col-md-6">
  <label for="LibraryName"> <!-- ADD: Proper label element -->
    <span class="<#ERROR>">Library Name <span class="req">(required)</span> </span>
  </label>
  <input id="LibraryName" name="LibraryName" type="text" class="form-control" 
         size="40" value="<#PARAM name='LibraryName'>" required>
</div>

And change this (default line 117):

<div class="form-group col-md-5">
  <label for="BorrowingDeptEmail"></label> <!-- REMOVE: Empty label element -->
  <span class="<#ERROR>">E-Mail Address<span class="req">(required)</span></span></label> <!-- REMOVE: Improper label structure -->
  <input id="BorrowingDeptEmail" name="BorrowingDeptEmail" type="text" size="40" 
         class="form-control" value="<#PARAM name='BorrowingDeptEmail'>" required>
</div>

To this:

<div class="form-group col-md-5">
  <label for="BorrowingDeptEmail"> <!-- ADD: Proper label element -->
    <span class="<#ERROR>">E-Mail Address<span class="req">(required)</span></span>
  </label>
  <input id="BorrowingDeptEmail" name="BorrowingDeptEmail" type="text" size="40" 
         class="form-control" value="<#PARAM name='BorrowingDeptEmail'>" required>
</div>

Lending\LendingUpdateAddressInformation.html

Change this (default line 29):

<div class="form-group col-md-6">
  <label for="LibraryName">
    <span class="<#ERROR>">Library Name <span class="req">(required)</span></span>
  </span> <!-- REMOVE: Extra closing span tag -->
  <input id="LibraryName" name="LibraryName" type="text" class="form-control" 
         size="40" value="<#PARAM name='LibraryName'>" required>
</div>

To this:

<div class="form-group col-md-6">
  <label for="LibraryName">
    <span class="<#ERROR>">Library Name <span class="req">(required)</span></span> <!-- ADD: Remove extra span tag -->
  </label>
  <input id="LibraryName" name="LibraryName" type="text" class="form-control" 
         size="40" value="<#PARAM name='LibraryName'>" required>
</div>

And change this (default line 106):

<div class="form-group col-md-5">
  <label for="BorrowingDeptEmail"></label> <!-- REMOVE: Empty label -->
  <span class="<#ERROR>">E-Mail Address<span class="req">(required)</span></span>
  </label> <!-- REMOVE: Improper label structure -->
  <input id="BorrowingDeptEmail" name="BorrowingDeptEmail" type="text" size="40" 
         class="form-control" value="<#PARAM name='BorrowingDeptEmail'>" required>
</div>

To this:

<div class="form-group col-md-5">
  <label for="BorrowingDeptEmail"> <!-- ADD: Proper label structure -->
    <span class="<#ERROR>">E-Mail Address<span class="req">(required)</span></span>
  </label>
  <input id="BorrowingDeptEmail" name="BorrowingDeptEmail" type="text" size="40" 
         class="form-control" value="<#PARAM name='BorrowingDeptEmail'>" required>
</div>

---

Realign Actions Menu Dropdown Options

To fix an issue where the Actions menu dropdown options are not fully visible on smaller display sizes, please overwrite the files listed below with the new default files or make the change on each page manually following the example below:

Example

Add the "dropdown-menu-right" class to the code for the dropdown menu <div> container:

Change this (DataRow_CheckedOutItems.html default line 20):

<div class="dropdown-menu" aria-labelledby="btnGroupDrop<#DATAROW>"> <!-- REMOVE: Missing right alignment class -->

To this:

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop<#DATAROW>"> <!-- ADD: Right alignment class for smaller screens -->

info

On the following web pages at the specified default lines:

• Lending\templates\DataRow_DefaultRequest.html (default line 20)
• templates\DataRow_CheckedOutItems.html (default line 20)
• templates\DataRow_DefaultRequest.html (default line 20)
• templates\DataRow_ElectronicDelivery.html (default line 21)
• templates\DataRow_ElectronicDeliveryUndelete.html (default line 27)

---

Improve Transaction Menu Responsiveness

To fix issues with the responsiveness and readability of the transaction menu on smaller display sizes and to add an underline on hover for its enabled menu buttons, please overwrite the files listed below with the updated files or make the following changes manually:

css\illiad.css & Lending\css\illiad.css

Change this (default lines 254-256):

.badge-primary {
    background-color: #08415c;
}

To this:

#transaction-menu .btn:hover { /* ADD: Underline on hover for transaction menu buttons */
    text-decoration: underline;
}
.badge-primary {
    background-color: #08415c;
}

include_TransactionMenu.html & Lending\include_TransactionMenu.html

Change this (default lines 1-2):

<div class="d-flex justify-content-center"> <!-- REMOVE: Missing ID and spacing classes -->
  <div class="btn-group" role="group"> <!-- REMOVE: Missing responsive flex classes -->

To this:

<div id="transaction-menu" class="d-flex justify-content-center mb-1 mt-4"> <!-- ADD: ID and spacing classes -->
  <div class="btn-group flex-column flex-grow-1 flex-md-row flex-md-grow-0" role="group"> <!-- ADD: Responsive flex classes -->

Then change this (default lines 14-15):

<div class="<#TRANSACTION>"> <!-- REMOVE: Missing btn-group class -->
  <a class="btn btn-light menuRenew <#TRANSACTION>" 
     href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- REMOVE: Missing spacing classes -->
    <span aria-hidden="true" class="fas fa-calendar-alt"></span> Renew
  </a>
</div>

To this:

<div class="btn-group <#TRANSACTION>"> <!-- ADD: btn-group class -->
  <a class="btn btn-light menuRenew my-1 py-2 <#TRANSACTION>" 
     href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- ADD: Spacing classes my-1 py-2 -->
    <span aria-hidden="true" class="fas fa-calendar-alt"></span> Renew
  </a>
</div>

And change this (default lines 31-32):

<div class="<#TRANSACTION>"> <!-- REMOVE: Missing responsive classes -->
  <a class="btn btn-light menuViewPdf <#TRANSACTION>" 
     href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- REMOVE: Missing spacing classes -->
    <span aria-hidden="true" class="fas fa-eye"></span> View Item
  </a>

To this:

<div class="btn-group flex-column flex-grow-1 flex-md-row flex-md-grow-0 <#TRANSACTION>"> <!-- ADD: Responsive flex classes -->
  <a class="btn btn-light menuViewPdf my-1 py-2 <#TRANSACTION>" 
     href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- ADD: Spacing classes my-1 py-2 -->
    <span aria-hidden="true" class="fas fa-eye"></span> View Item
  </a>

Then follow the example for the Edit Request button to add the "my-1 py-2" class to the code for the remaining buttons in this file at the default lines listed below:

Edit Request Button Example

Change this (default line 4):

<a class="btn btn-light menuEdit <#TRANSACTION>" 
   href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- REMOVE: Missing spacing classes -->
  <span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Request
</a>

To this:

<a class="btn btn-light menuEdit my-1 py-2 <#TRANSACTION>" 
   href="<#ACTION action='10' form='20'>&Value=<#TRANSACTION>"> <!-- ADD: Spacing classes my-1 py-2 -->
  <span aria-hidden="true" class="fas fa-edit text-primary"></span> Edit Request
</a>

info

Add the "my-1 py-2" class to these default lines:

• 4 (Edit Request button)
• 9 (Cancel Request button)
• 21 (Resubmit Request button)
• 26 (Clone Request button)
• 37 (Delete Item button)
• 42 (Undelete Item button)

---

Update Value Persistence JavaScript

The JavaScript used to persist a user's previously selected values within dropdown menus, radio buttons, and checkboxes on the ILLiad web pages was updated to fix issues where the checkbox toggle switch on the search web pages would not correctly filter search results to include active requests only and where values would not persist on Safari and other WebKit-based web browsers. To implement these changes, please overwrite your default js\atlasUtility.js and Lending\js\atlasUtility.js files with the updated files and either overwrite the additional files listed below with the updated files or make the following changes manually:

js\atlasUtility.js & Lending\js\atlasUtility.js

warning

Please overwrite these files with the updated files.

ViewSearchResults.html & Lending\LendingViewSearchResults.html

Change this (default line 29):

<input type="checkbox" name="SearchType" class="custom-control-input" 
       id="SearchType" value="<#PARAM name='SearchType'>"> <!-- REMOVE: Direct value parameter -->

To this:

<input type="checkbox" name="SearchType" class="custom-control-input" 
       id="SearchType" value="Active" data-persisted-value="<#PARAM name='SearchType'>"> <!-- ADD: Fixed value and persisted data attribute -->

Then change this (default lines 37-45):

<div class="form-check form-check-inline mr-3 mb-3">
  <input checked class="form-check-input" name="SearchType" type="radio" 
         id="SearchTypeActive" value="Active"> <!-- REMOVE: Missing data attribute -->
  <label for="SearchTypeActive" class="form-check-label">
    <span>Search <u>only</u> active requests</span>
  </label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" name="SearchType" type="radio" 
         id="SearchTypeAll" value="All"> <!-- REMOVE: Missing data attribute -->
  <label for="SearchTypeAll" class="form-check-label">Search all requests</label>
</div>

To this:

<div class="form-check form-check-inline mr-3 mb-3">
  <input checked class="form-check-input" name="SearchType" type="radio" 
         id="SearchTypeActive" value="Active" data-persisted-value="<#PARAM name='SearchType'>"> <!-- ADD: Data persisted value attribute -->
  <label for="SearchTypeActive" class="form-check-label">
    <span>Search <u>only</u> active requests</span>
  </label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" name="SearchType" type="radio" 
         id="SearchTypeAll" value="All" data-persisted-value="<#PARAM name='SearchType'>"> <!-- ADD: Data persisted value attribute -->
  <label for="SearchTypeAll" class="form-check-label">Search all requests</label>
</div>

And delete this (default lines 64-65/66-67):

<script>
$(document).ready(function () {
    var saveState="<#PARAM name='SearchType'>"
    $("input[name='SearchType'][value='"+ saveState +"']").prop("checked", true)
    if (($('#searchResults .requestResult').length == 0) && ($('#searchTerm').text() != '')) {
        $('#no-results-message').show();
    } 
    else {
        $('#no-results-message').hide();
    }
});
</script>
<!-- REMOVE: This entire script block should be deleted as it's now handled by atlasUtility.js -->

Then follow the example for ChangeUserInformation.html to change the "data-persistedValue" attribute to the new "data-persisted-value" attribute on each of the web page files and default lines listed below:

Example

Change this (ChangeUserInformation.html default line 212):

<select id="DeliveryGroup" name="DeliveryGroup" size="1" 
        class="custom-select mr-sm-2" data-persistedValue="<#PARAM name='DeliveryGroup'>"> <!-- REMOVE: Camel case attribute name -->

To this:

<select id="DeliveryGroup" name="DeliveryGroup" size="1" 
        class="custom-select mr-sm-2" data-persisted-value="<#PARAM name='DeliveryGroup'>"> <!-- ADD: Kebab case attribute name -->

info

Change the persisted value attribute on these files at these default lines:

• Lending\EditLendingGenericRequestArticle.html (default line 169)
• Lending\EditLendingGenericRequestLoan.html (default lines 146, 164)
• Lending\LendingGenericRequestArticle.html (default line 174)
• Lending\LendingGenericRequestLoan.html (default lines 150, 168)
• ChangeUserInformation.html (default lines 212, 226, 240)
• EditGenericRequestTesting.html (default line 140)
• EditLoanRequest.html (default line 141)
• EditMultimediaRequest.html (default line 93)
• EditReportRequest.html (default line 126)
• GenericRequestTesting.html (default line 144)
• LoanRequest.html (default line 144)
• MultimediaRequest.html (default line 94)
• NewAuthRegistration.html (default lines 213, 227, 241)
• NewUserRegistration.html (default lines 207, 221, 235)
• ReportRequest.html (default line 129)

---

Accessibility Fixes for Small Notes

To fix an issue where small notes attached to fields on web forms were not read automatically by screen readers, changes were made to the New Passwordfield on various web pages and the Symbol/Username field on LendingNewUserRegistration.html. To implement these changes, please overwrite the files listed below for each field with the new default files or make the change on each page manually following the examples below:

New Password Field

ChangePassword.html Example

Change this (default lines 41-42):

<div class="form-group col-md-5">
  <label for="Password1">
    <span class="<#ERROR>">New Password<span class="req">(required)</span></span>
  </label>
  <input type="password" class="form-control" name="Password1" id="Password1" 
         autocomplete="off" required> <!-- REMOVE: Missing aria-describedby attribute -->
  <div class="small-notes"> <!-- REMOVE: Missing ID for screen reader association -->
    Passwords must be at least eight characters long and contain a lowercase letter, 
    an uppercase letter, and a number.
  </div>
</div>

To this:

<div class="form-group col-md-5">
  <label for="Password1">
    <span class="<#ERROR>">New Password<span class="req">(required)</span></span>
  </label>
  <input type="password" class="form-control" name="Password1" id="Password1" 
         autocomplete="off" aria-describedby="passwordNotes" required> <!-- ADD: aria-describedby for accessibility -->
  <div class="small-notes" id="passwordNotes"> <!-- ADD: ID for screen reader association -->
    Passwords must be at least eight characters long and contain a lowercase letter, 
    an uppercase letter, and a number.
  </div>
</div>

On the following web pages at the specified default lines:

info

• Lending\LendingChangePassword.html (default lines 41-42)
• Lending\LendingNewPassword.html (default lines 38-39)
• Lending\LendingNewUserRegistration.html (default lines 178-179)
• ChangePassword.html (default lines 41-42)
• NewPassword.html (default lines 31-32)
• NewUserRegistration.html (default lines 265-266)

Symbol Field

To update the small notes for the Symbol/Username field, please overwrite your default Lending\LendingNewUserRegistration.html file with the updated file or make the following changes manually:

Lending\LendingNewUserRegistration.html

Change this (default lines 167-168):

<div class="form-group col-md-4">
  <label for="Username">
    <span class="<#ERROR>">Symbol<span class="req">(required)</span></span>
  </label>
  <input type="text" class="form-control" name="Username" id="Username" 
         value="<#PARAM name='NewUsername'>" autocomplete="off" required> <!-- REMOVE: Missing aria-describedby attribute -->
  <div class="small-notes"> <!-- REMOVE: Missing ID for screen reader association -->
    This will also be used as your logon username.
  </div>
</div>

To this:

<div class="form-group col-md-4">
  <label for="Username">
    <span class="<#ERROR>">Symbol<span class="req">(required)</span></span>
  </label>
  <input type="text" class="form-control" name="Username" id="Username" 
         value="<#PARAM name='NewUsername'>" autocomplete="off" 
         aria-describedby="usernameNotes" required> <!-- ADD: aria-describedby for accessibility -->
  <div class="small-notes" id="usernameNotes"> <!-- ADD: ID for screen reader association -->
    This will also be used as your logon username.
  </div>
</div>

---

Remove Unused 'aria-describedby' Attributes

To remove unused 'aria-describedby' attributes for the Current Password field that may be flagged by accessibility checkers, please overwrite the files listed below with the updated files or make the following changes manually:

ChangePassword.html & Lending\LendingChangePassword.html

Change this (default line 31):

<div class="form-group col-md-5">
  <label for="CurrentPassword">
    <span class="<#ERROR>">Current Password<span class="req">(required)</span> </span>
  </label>
  <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" 
         aria-describedby="passwordHelp" autocomplete="off" required> <!-- REMOVE: Unused aria-describedby attribute -->
</div>

To this:

<div class="form-group col-md-5">
  <label for="CurrentPassword">
    <span class="<#ERROR>">Current Password<span class="req">(required)</span> </span>
  </label>
  <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" 
         autocomplete="off" required> <!-- ADD: Remove unused aria-describedby attribute -->
</div>

07 September 2023 Web Page Changes

Remove Unused Images From Images Folders | Remove <fieldset> Tags From Web Page Files

---

Remove Unused Images From Images Folders

The following changes have been made to the files contained in the images folders in both the Borrowing and Lending default web pages (located within the ILLiad web directory by default at css/images & Lending/css/images):

• Removed the following unused image files from the Borrowing and Lending images folders:
  • 2nd_nav_bg.gif
  • aoutside.gif
  • atlasbox.gif
  • body_bg.gif
  • bullet.gif
  • content_wrap_bg.gif
  • content_wrap_e_bg.gif
  • custli.gif
  • featurebox_bg.gif
  • featurebox2_bg.gif
  • header_bg.gif
  • menusep.gif
  • navbarlinkbg.gif
  • pdficon.gif
  • rss.gif
  • sprites.gif
  • td_bg.gif
• Added a new .gitkeep placeholder file to the Borrowing and Lending images folders so that these folders will still remain available within GitHub when empty

info

To implement these changes:

1. Navigate to your ILLiad web directory on the ILLiad server (default location: *C:\inetpub\wwwroot\illiad*or in GitHub)
2. Navigate to each of the images folders used with your Borrowing and Lending web pages

Theimages folders are located within the ILLiad web directory by default at css/images (Borrowing web pages) & Lending/css/images (Lending web pages). 3. Delete the unused image files listed above from each images folder (css/images & Lending/css/images) 4. If your ILLiad web page files are hosted in GitHub, **download the latest copy of the ILLiad 9.2 default web pages**and unzip the downloaded file 5. Navigate into the unzipped folder containing the newly downloaded web page files and locate the .gitkeep file in the Borrowing and Lending images folders

The images folders are located at css/images (Borrowing web pages) & *Lending/css/images (Lending web pages)*within the downloaded web page file package. 6. Copy this .gitkeep file into both the Borrowing and Lending images folders (css/images & Lending/css/images) in your ILLiad web directory

---

Remove <fieldset> Tags From Web Page Files

The <fieldset> tags used on various Borrowing and Lending web page files were removed to ensure compliance with accessibility requirements outlined in WCAG 1.3.1. To implement these changes, please overwrite the files listed below with the new default files or make the change on each page manually following the example for ArticleRequest.html below:

ArticleRequest.html Example

Change this (default line 22):

<#FORMSTATE>
<fieldset> <!-- REMOVE: Fieldset tag for accessibility compliance -->
  <h2 class="page-header">Article Request</h2>

To this:

<#FORMSTATE>
<!-- ADD: Remove fieldset tag per WCAG 1.3.1 requirements -->
<h2 class="page-header">Article Request</h2>

And change this (default line 174):

<!-- Atlas Include: include_request_cited.html -->
<!-- Atlas Include: include_request_buttons.html -->
</fieldset> <!-- REMOVE: Closing fieldset tag -->
</form>

To this:

<!-- Atlas Include: include_request_cited.html -->
<!-- Atlas Include: include_request_buttons.html -->
<!-- ADD: Remove closing fieldset tag -->
</form>

Remove the <fieldset> tags following the example above on these files at these default lines:

info

• Lending\EditLendingGenericRequestArticle.html (default lines 20, 201)
• Lending\EditLendingGenericRequestLoan.html (default lines 20, 197)
• Lending\LendingChangePassword.html (default lines 17, 58)
• Lending\LendingGenericRequestArticle.html (default lines 23, 206)
• Lending\LendingGenericRequestLoan.html (default lines 21, 201)
• Lending\LendingNewPassword.html (default lines 22, 59)
• Lending\LendingNewUserRegistration.html (default lines 19, 197)
• Lending\LendingUpdateAddressInformation.html (default lines 18, 147)
• ArticleRequest.html (default lines 22, 174)
• BookChapterRequest.html (default lines 22, 185)
• ChangePassword.html (default lines 18, 58)
• ChangeUserInformation.html (default lines 19, 255)
• ConferencePaperRequest.html (default lines 22, 172)
• EditAccountInformation.html (default lines 25, 89)
• EditArticleRequest.html (default lines 21, 172)
• EditBookChapterRequest.html (default lines 22, 185)
• EditConferencePaperRequest.html (default lines 22, 174)
• EditGenericRequestTesting.html (default lines 19, 161)
• EditLoanRequest.html (default lines 19, 162)
• EditMultimediaRequest.html (default lines 19, 117)
• EditPatentRequest.html (default lines 18, 121)
• EditReportRequest.html (default lines 18, 147)
• EditStandardsDocumentRequest.html (default lines 19, 111)
• EditThesisRequest.html (default lines 18, 133)
• GenericRequestTesting.html (default lines 22, 165)
• LoanRequest.html (default lines 21, 165)
• MultimediaRequest.html (default lines 19, 117)
• NewAuthRegistration.html (default lines 25, 253)
• NewUserRegistration.html (default lines 25, 286)
• PatentRequest.html (default lines 21, 124)
• ReportRequest.html (default lines 21, 150)
• StandardsDocumentRequest.html (default lines 21, 114)
• ThesisRequest.html (default lines 21, 134)

05 March 2024 Web Pages Release

Add Missing include_header.html Reference to Lending Pages | Add Missing Divider to Profile Dropdown in Navigation Bar | Remove FORMSTATE Tags from Lending Web Pages | Fix Issues Affecting Functionality of EditPatentRequest.html | Update Default Contact Information and Outdated Link on FAQ and Electronic Delivery Information Pages | Change 'name' attribute to 'id' on <form> Elements

---

Add Missing include_header.html Reference to Lending Pages

To replace the deprecated hardcoded header code with the link to theinclude_header.html file on the Lending web pages where it is missing, please overwrite the files listed below with the updated files or make the following changes manually to each file:

Lending\LendingFirstTime.html

Change this (default lines 12-15):

<header id="header" class="head">
  <div>
    <a href="#content" accesskey="S" onclick="$('#content').focus();" class="offscreen">
      Skip to Main Content
    </a>
  </div>
  <div id="title-name">
    <h1>ILLiad</h1>
  </div>
</header> <!-- REMOVE: Hardcoded header code -->

To this:

<!-- Atlas Include: include_header.html --> <!-- ADD: Use include file instead of hardcoded header -->

Lending\LendingLogon2.html

Change this (default lines 10-13):

<header id="header" class="head">
  <div>
    <a href="#content" accesskey="S" onclick="$('#content').focus();" class="offscreen">
      Skip to Main Content
    </a>
  </div>
  <h1>
    <a href="<#ACTION action='10' form='20'>">
      ILLiad
    </a>
  </h1>
</header> <!-- REMOVE: Hardcoded header code -->

To this:

<!-- Atlas Include: include_header.html --> <!-- ADD: Use include file instead of hardcoded header -->

---

Add Missing Divider to Profile Dropdown in Navigation Bar

To add the missing horizontal line divider between the menu items and the "Logged in as..." information within the Profile dropdown menu in the navigation bar used on the Lending web pages, please overwrite the files listed below with the updated files or make the following changes manually to each file following the example for Lending\include_nav.html below:

Example - Lending\include_nav.html

Change this (default lines 57-62):

<a class="dropdown-item" href="<#ACTION action='10' form='20'>">
  <span aria-hidden="true" class="fas fa-key"></span> Change Password
</a> <!-- REMOVE: Missing divider -->
<a class="dropdown-item disabled" type="text">
  <span class="far fa-id-badge"></span> Logged in as <#PARAM name='Username'>
</a>

To this:

<a class="dropdown-item" href="<#ACTION action='10' form='20'>">
  <span aria-hidden="true" class="fas fa-key"></span> Change Password
</a>
<div class="dropdown-divider"></div> <!-- ADD: Horizontal divider line -->
<a class="dropdown-item disabled" type="text">
  <span class="far fa-id-badge"></span> Logged in as <#PARAM name='Username'>
</a>

On the following web pages at the specified default lines:

info

• Lending\include_nav.html (default lines 57-62)
• Lending\include_nav_search.html (default lines 48-54)

---

Remove FORMSTATE Tags from Lending Web Pages

To remove unnecessary FORMSTATE tags (<#FORMSTATE>) from the ILLiad Lending web pages, please overwrite the files listed below with the new default files or make the change on each page manually following the example for Lending\EditLendingGenericRequestArticle.html below:

Example - Lending\EditLendingGenericRequestArticle.html

Change this (default line 18):

<input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
<#FORMSTATE> <!-- REMOVE: Unnecessary FORMSTATE tag -->
<h2 class="page-header">Edit Article Request</h2>

To this:

<input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>">
<!-- ADD: Remove unnecessary FORMSTATE tag -->
<h2 class="page-header">Edit Article Request</h2>

Remove <#FORMSTATE> from the following web pages at the specified default lines:

info

• Lending\EditLendingGenericRequestArticle.html (default line 18)
• Lending\EditLendingGenericRequestLoan.html (default line 18)
• Lending\LendingGenericRequestArticle.html (default line 21)
• Lending\LendingLogon2.html (default line 21)

---

Fix Issues Affecting Functionality of EditPatentRequest.html

To fix issues where the edit form for the default patent request form (EditPatentRequest.html) is missing the hidden input for the Transaction Number field and references the incorrect ILLiad form name in the code, please overwrite your default EditPatentRequest.html file with the new default file or make the change manually following the instructions below:

EditPatentRequest.html

Change this (default lines 16-18):

<input type="hidden" name="ILLiadForm" value="PatentRequest"> <!-- REMOVE: Incorrect form name -->
<h2 class="page-header">Edit Patent Request</h2>

To this:

<input type="hidden" name="ILLiadForm" value="EditPatentRequest"> <!-- ADD: Correct form name -->
<input type="hidden" name="TransactionNumber" value="<#PARAM name='TransactionNumber'>"> <!-- ADD: Missing transaction number field -->
<h2 class="page-header">Edit Patent Request</h2>

---

Update Default Contact Information and Outdated Link on FAQ and Electronic Delivery Information Pages

To update the default contact email address and phone number used on the FAQ and Electronic Delivery Information pages to pull in email address information from the relevant LendingEMailAddress, BorrowingEMailAddress,LendingPhone, and BorrowingPhone values configured in the LocalInfo table in the ILLiad Customization Manager and to update an outdated URL on the Electronic Delivery Information page, please overwrite the files listed below with the updated files or make the following changes manually to each file:

Lending\LendingFAQ.html

Change this (default lines 171-172):

<p>
  System Problems or InterLibrary Loan Questions: InterLibrary Loan office 
  at (800) 555-1212 or e-mail to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.name</a> <!-- REMOVE: Hardcoded contact info -->
  <br>
  Technical Support Questions: E-mail anytime to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.here</a> <!-- REMOVE: Hardcoded contact info -->
</p>

To this:

<p>
  System Problems or InterLibrary Loan Questions: InterLibrary Loan office 
  at <#LOCALINFO> or e-mail to <a href="mailto:<#LOCALINFO>"><#LOCALINFO></a> <!-- ADD: Dynamic contact info from LocalInfo table -->
  <br>
  Technical Support Questions: E-mail anytime to <a href="mailto:<#LOCALINFO>"><#LOCALINFO></a> <!-- ADD: Dynamic contact info from LocalInfo table -->
</p>

FAQ.html

Change this (default lines 178-179):

<p>
  System Problems or InterLibrary Loan Questions: InterLibrary Loan office 
  at (800) 555-1212 or e-mail to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.name</a> <!-- REMOVE: Hardcoded contact info -->
  <br>
  Technical Support Questions: E-mail anytime to <a href="mailto:ill@mail.ill.vt.edu">ill@your.site.here</a> <!-- REMOVE: Hardcoded contact info -->
</p>

To this:

<p>
  System Problems or InterLibrary Loan Questions: InterLibrary Loan office 
  at <#LOCALINFO> or e-mail to <a href="mailto:<#LOCALINFO>"><#LOCALINFO></a> <!-- ADD: Dynamic contact info from LocalInfo table -->
  <br>
  Technical Support Questions: E-mail anytime to <a href="mailto:<#LOCALINFO>"><#LOCALINFO></a> <!-- ADD: Dynamic contact info from LocalInfo table -->
</p>

ElectronicDeliveryInformation.html

Change this (default lines 68-69):

<p>
  Adobe Acrobat Reader is available without charge from 
  <a href="http://www.adobe.com" target="_blank" rel="noopener noreferrer"> <!-- REMOVE: HTTP instead of HTTPS -->
    Adobe Systems, Inc.
  </a> 
  Click the "Get Adobe Reader" button to go directly to the download page.
</p>

To this:

<p>
  Adobe Acrobat Reader is available without charge from 
  <a href="https://www.adobe.com" target="_blank" rel="noopener noreferrer"> <!-- ADD: Updated to HTTPS -->
    Adobe Systems, Inc.
  </a> 
  Click the "Get Adobe Reader" button to go directly to the download page.
</p>

And change this (default line 109):

<p>
  You can e-mail questions to <a href="mailto:ill@vt.edu">ill@yoursite.name</a> <!-- REMOVE: Hardcoded contact info -->
  or call us at 555-1212. <!-- REMOVE: Hardcoded phone number -->
</p>

To this:

<p>
  You can e-mail questions to <a href="mailto:<#LOCALINFO>"><#LOCALINFO></a> <!-- ADD: Dynamic email from LocalInfo table -->
  or call us at <#LOCALINFO>. <!-- ADD: Dynamic phone from LocalInfo table -->
</p>

---

Change 'name' attribute to 'id' on <form> Elements

The 'name' attribute used on <form> elements across the default web pages was changed to instead use the 'id' attribute due to the deprecation of the use of the 'name' attribute for these elements. Additionally, as the NewUserRegistration.html and Lending\LendingNewUserRegistration.html files already contain an 'id' attribute in their <form> element, the 'name' attribute on these web page files was removed instead of replaced.

To implement these changes, please overwrite the files listed below with the new default files, or make the changes manually on each page following the example for ArticleRequest.html below. If making changes manually, please also note and implement the additional adjustment to the value of the 'id' attribute for EditPatentRequest.html,ViewSearchResults.html, andLending\LendingViewSearchResults.html and follow the separate instructions for updating the NewUserRegistration.html and Lending\LendingNewUserRegistration.html files (both shown below the example).

warning

Note: The change to use the 'id' attribute in place of the 'name' attribute will make the form available for reference in JavaScript in the future if necessary, however, this change is not necessary for the current functionality of the web pages.

Example - ArticleRequest.html

Change this (default line 15):

<form action="illiad.dll" method="post" name="ArticleRequest"> <!-- REMOVE: Deprecated name attribute -->

To this:

<form action="illiad.dll" method="post" id="ArticleRequest"> <!-- ADD: Use id attribute instead of deprecated name -->

Change the 'name' attribute to 'id' for the <form> element on the following web pages at the specified default lines:

Click to expand the list of affected files

• Lending\EditLendingGenericRequestArticle.html (default line 15)
• Lending\EditLendingGenericRequestLoan.html (default line 15)
• Lending\LendingChangePassword.html (default line 14)
• Lending\LendingForgotPassword.html (default line 18)
• Lending\LendingGenericRequestArticle.html (default line 15)
• Lending\LendingGenericRequestLoan.html (default line 15)
• Lending\LendingLogon.html (default line 40)
• Lending\LendingLogon2.html (default line 16)
• Lending\LendingNewPassword.html (default line 18)
• Lending\LendingUpdateAddressInformation.html (default line 15)
• ArticleRequest.html (default line 15)
• BookChapterRequest.html (default line 15)
• ChangePassword.html (default line 14)
• ChangeUserInformation.html (default line 15)
• ConferencePaperRequest.html (default line 15)
• EditArticleRequest.html (default line 15)
• EditBookChapterRequest.html (default line 15)
• EditConferencePaperRequest.html (default line 15)
• EditGenericRequestTesting.html (default line 15)
• EditLoanRequest.html (default line 15)
• EditMultimediaRequest.html (default line 15)
• EditReportRequest.html (default line 15)
• EditStandardsDocumentRequest.html (default line 15)
• EditThesisRequest.html (default line 15)
• FirstTime.html (default line 21)
• ForgotPassword.html (default line 18)
• GenericRequestTesting.html (default line 15)
• LoanRequest.html (default line 15)
• Logon.html (default line 37)
• Logon2.html (default line 23)
• MultimediaRequest.html (default line 15)
• NewAuthRegistration.html (default line 15)
• NewPassword.html (default line 18)
• PatentRequest.html (default line 15)
• ReportRequest.html (default line 15)
• StandardsDocumentRequest.html (default line 15)
• ThesisRequest.html (default line 15)

Additional changes for EditPatentRequest.html, ViewSearchResults.html, and LendingViewSearchResults.html

When updating EditPatentRequest.html, ViewSearchResults.html, and Lending\LendingViewSearchResults.html please also adjust the value of the new 'id' element to as follows for each page:

EditPatentRequest.html

Change this (default line 15):

<form action="illiad.dll" method="post" name="PatentRequest"> <!-- REMOVE: Incorrect name value -->

To this:

<form action="illiad.dll" method="post" id="EditPatentRequest"> <!-- ADD: Correct id attribute value -->

ViewSearchResults.html

Change this (default line 18):

<form action="illiad.dll" name="Search" method="post"> <!-- REMOVE: name attribute -->

To this:

<form action="illiad.dll" id="search-form" method="post"> <!-- ADD: id attribute -->

Lending\LendingViewSearchResults.html

Change this (default line 18):

<form action="illiadlending.dll" name="Search" method="post"> <!-- REMOVE: name attribute -->

To this:

<form action="illiadlending.dll" id="search-form" method="post"> <!-- ADD: id attribute -->

Changes for NewUserRegistration.html & LendingNewUserRegistration.html

When updating NewUserRegistration.htmland Lending\LendingNewUserRegistration.html, remove the 'name' attribute but keep the existing 'id' attribute in place:

Change this (NewUserRegistration.html default line 15 & Lending\LendingNewUserRegistration.html default line 14):

<form action="illiad.dll" method="post" name="Registration" id="registration-form"> <!-- REMOVE: name attribute (keep existing id) -->

To this:

<form action="illiad.dll" method="post" id="registration-form"> <!-- ADD: Remove name, keep id -->

08 July 2024 Web Pages Release

Remove FORMSTATE Tags from Request Forms | Update Copyright Year to 2024 | Prevent Activation of Disabled Transaction Buttons | Update CSS Files to Support Atlas Minification Tools | Fix Text Emphasis on Search Results Pages | Encode Ampersands in HTML Attributes | Remove Duplicate Item Author Field From Transaction Details Pages | Update Quotation Mark Format Used in DLL Tags | Fix Site Map Issue | Fix Incorrect ERROR Tag Parameter on EditPatentRequest.html | Adjust Naming of Account Management-Related Web Page Features | Implement Print Layout Style Improvements | Add New Minified CSS and JavaScript Files | Comment Out Format Field on Multimedia Request Forms

---

Remove FORMSTATE Tags from Request Forms

To remove unnecessary FORMSTATE tags (<#FORMSTATE>) from default request forms in the ILLiad Borrowing web pages, please overwrite the files listed below with the new default files or make the change on each page manually following the example for ArticleRequest.html below:

Example - ArticleRequest.html

Change this (default line 20):

<input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
<#FORMSTATE> <!-- REMOVE: Unnecessary FORMSTATE tag -->
<h2 class="page-header">Article Request</h2>

To this:

<input type="hidden" name="NotWantedAfter" value="<#PARAM name='NotWantedAfter'>">
<!-- ADD: Remove unnecessary FORMSTATE tag -->
<h2 class="page-header">Article Request</h2>

Remove <#FORMSTATE> from the following web pages at the specified default lines:

info

• ArticleRequest.html (default line 20)
• BookChapterRequest.html (default line 20)
• ConferencePaperRequest.html (default line 20)
• EditArticleRequest.html (default line 18)
• EditBookChapterRequest.html (default line 18)
• EditConferencePaperRequest.html (default line 18)

---

Update Copyright Year to 2024

To update the hardcoded copyright year on your web pages to the current year (2024), please overwrite the files listed below with the new default files or make the following changes on each page manually:

css\illiad.css & Lending\css\illiad.css

Change this (default line 4):

/*LEGAL=====Copyright 2023 Atlas Systems, Inc. http://www.atlas-sys.com*/ /* REMOVE: Outdated year */

To this:

/*LEGAL=====Copyright 2024 Atlas Systems, Inc. http://www.atlas-sys.com*/ /* ADD: Updated year */

Example - include_footer.html

Change this (default line 3):

<div>
  &copy; 2023 <!-- REMOVE: Outdated year -->
  <a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> 
  All Rights Reserved.
</div>

To this:

<div>
  &copy; 2024 <!-- ADD: Updated year -->
  <a href="http://www.atlas-sys.com"> Atlas Systems, Inc.</a> 
  All Rights Reserved.
</div>

On the following web pages at the specified default lines:

info

• include_footer.html (default line 3)
• Logon.html (default line 78)
• Lending\include_footer.html (default line 3)
• Lending\LendingLogon.html (default line 84)

---

Prevent Activation of Disabled Transaction Buttons

To fix an issue where disabled action buttons for transactions on the ILLiad web interface could still be activated using keyboard controls, please download the latest default web pages and overwrite your default js\atlasUtility.js and Lending\js\atlasUtility.js files with the updated files and then overwrite your default css\illiad.css & Lending\css\illiad.css files with the updated files or make the changes below manually:

js\atlasUtility.js & Lending\js\atlasUtility.js

warning

Please overwrite this file with the updated file.

css\illiad.css & Lending\css\illiad.css

Change this (default line 108):

a.btn {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

To this:

a.btn {
    text-decoration: none;
}
a:not([href]):not([tabindex]).dropdown-item.btn.disabled { /* ADD: Styling for disabled dropdown buttons */
    color: #6c757d;
}
a:not([href]):not([tabindex]).btn-primary.disabled,
a:not([href]):not([tabindex]).btn-secondary.disabled { /* ADD: Styling for disabled primary/secondary buttons */
    color: #fff;
}
a:hover {
    text-decoration: none;
}

---

Update CSS Files to Support Atlas Minification Tools

warning

This change is not necessary to implement in your web page files and can be skipped during the manual implementation of the code changes associated with this release.

Minor updates were made to the illiad.css and print.css files in the Borrowing and Lending default web pages to support automated code minification by internal Atlas Systems tools. The following change was made on the web page files listed below:

Changed this (default line 1):

/* LEGAL===== <!-- REMOVE: Missing ! for minification -->

To this:

/*!LEGAL===== <!-- ADD: ! for minification tool compatibility -->

On the following web pages at the specified default lines:

info

• css\illiad.css (default line 1)
• css\print.css (default line 1)
• Lending\css\illiad.css (default line 1)
• Lending\css\print.css (default line 1)

---

Fix Text Emphasis on Search Results Pages

To change the format used to emphasize text on the search results web pages from underlined to bolded text to adhere to W3C HTML5 guidelines, please overwrite your default Lending\LendingViewSearchResults.html & ViewSearchResults.html files with the updated files or make the following changes manually:

Lending\LendingViewSearchResults.html & ViewSearchResults.html

Change this (default lines 29-30):

<input type="checkbox" name="SearchType" class="custom-control-input" id="SearchType" 
       value="Active" data-persisted-value="<#PARAM name='SearchType'>">
<label class="custom-control-label" for="SearchType">
  Search <u>only</u> active requests <!-- REMOVE: Underline element -->
</label>

To this:

<input type="checkbox" name="SearchType" class="custom-control-input" id="SearchType" 
       value="Active" data-persisted-value="<#PARAM name='SearchType'>">
<label class="custom-control-label" for="SearchType">
  Search <strong>only</strong> active requests <!-- ADD: Strong element per HTML5 guidelines -->
</label>

And change this (default lines 38-39):

<input checked class="form-check-input" name="SearchType" type="radio" 
       id="SearchTypeActive" value="Active" data-persisted-value="<#PARAM name='SearchType'>">
<label for="SearchTypeActive" class="form-check-label">
  <span>Search <u>only</u> active requests</span> <!-- REMOVE: Underline element -->
</label>

To this:

<input checked class="form-check-input" name="SearchType" type="radio" 
       id="SearchTypeActive" value="Active" data-persisted-value="<#PARAM name='SearchType'>">
<label for="SearchTypeActive" class="form-check-label">
  <span>Search <strong>only</strong> active requests</span> <!-- ADD: Strong element per HTML5 guidelines -->
</label>

---

Encode Ampersands in HTML Attributes

As a best practice, all ampersands (&) should be encoded (using the format &) when included inside HTML attributes, such as when included in the href attribute for an anchor element (<a>) or the action attribute for a form element (<form>). To encode these ampersands in the ILLiad web pages, please overwrite the files listed below with the new default files or make the changes on each page manually following the example below:

warning

Note: Ampersands should not be encoded when used in JavaScript code. When making these changes manually, please ensure that ampersands included within any <script> tags in the web page file (i.e., within any blocks of code located between the <script> and </script> tags) are left unencoded.

Example - Logon2.html

Change the unencoded ampersand [&] (default line 49):

<form action="illiad.dll?Action=10&Form=79" method="post" 
      name="RegisterForm" id="RegisterForm"> <!-- REMOVE: Unencoded ampersand -->

To encode it [&]:

<form action="illiad.dll?Action=10&amp;Form=79" method="post" 
      name="RegisterForm" id="RegisterForm"> <!-- ADD: Encoded ampersand -->

Encode the ampersands (&) on the following web pages at the specified default lines:

info

• include_TransactionMenu.html (default lines 5, 10, 16, 22, 27, 33, 38, 42)
• Logon.html (default lines 64, 69, 77, 79)
• Logon2.html (default line 49)
• Lending\include_TransactionMenu.html (default lines 5, 10, 16, 22, 27, 33, 38)
• Lending\LendingFirstTime.html (default line 70)
• Lending\LendingLogon2.html (default lines 42, 48)

---

Remove Duplicate Item Author Field From Transaction Details Pages

To remove a duplicate instance of the Item Author field (database field name: PhotoItemAuthor) from the detailed transaction information page in the Borrowing and Lending web pages, please overwrite your default Lending\include_detailedTransactionInformation.html & include_detailedTransactionInformation.html files with the updated files or make the following changes manually:

Lending\include_detailedTransactionInformation.html & include_detailedTransactionInformation.html

Remove this:

<div class="field list-group-item"> <!-- REMOVE: Duplicate Item Author field -->
  <div class="d-flex justify-content-between">
    <span>Item Author</span>
    <strong>
      <span class="field-value"><#TRANSACTION></span>
    </strong>
  </div>
</div>

From each file at the following default lines:

info

• Lending\include_detailedTransactionInformation.html: default lines 132-139
• include_detailedTransactionInformation.html: default lines 140-147

---

Update Quotation Mark Format Used in DLL Tags

As a best practice, DLL tags (e.g., <#PARAM>, <#TRANSACTION>, <#CHECKED>, etc.) should use double quotation marks (") for tag attribute values unless the DLL tag itself is included inside an HTML attribute or another DLL tag attribute, in which case it should use single quotation marks ('). To ensure consistency in adhering to this best practice across the ILLiad web page files, DLL tags not included inside an HTML attribute or another DLL tag attribute were updated to use the double quotation mark format. To update the quotation mark format used for these tags in the ILLiad web pages, please overwrite the files listed below with the new default files or make the changes on each page manually following the example below:

Example #1 - include_nav.html

Change the single quotation marks ['] (default line 66):

<span class="far fa-id-badge"></span> 
Logged in as <#PARAM name='Username'> <!-- REMOVE: Single quotes in DLL tag -->

To double quotation marks ["]:

<span class="far fa-id-badge"></span> 
Logged in as <#PARAM name="Username"> <!-- ADD: Double quotes in DLL tag -->

Please note that the single quotation mark format should not be altered if the DLL tag is included inside an HTML attribute or another DLL tag attribute. For example, in the templates\DataRow_DefaultRequest.html file, the following line of code below should only be changed to alter the quotation mark format used for the final DLL tag in this line as the previous two DLL tags are included inside the 'href' attribute of the <a> element:

Example #2 - templates\DataRow_DefaultRequest.html

Change this (default line 7):

<a href="<#ACTION action='10' form='20'>&Value=<#DATAROW>"> <!-- REMOVE: Single quotes in href attribute -->
  <#DATAROW> <!-- REMOVE: Single quotes in standalone DLL tag -->
</a>

To this:

<a href="<#ACTION action='10' form='20'>&Value=<#DATAROW>"> <!-- ADD: Keep single quotes inside HTML attribute -->
  <#DATAROW> <!-- ADD: Double quotes for standalone DLL tag -->
</a>

Change the quotation mark format for the DLL tags on the following web pages at the specified default lines:

info

• Lending\templates\DataRow_DefaultNote.html (default lines 4, 5, 7)
• Lending\templates\DataRow_DefaultRequest.html (default lines 7, 9, 36, 42)
• Lending\EditLendingGenericRequestArticle.html (default line 194)
• Lending\EditLendingGenericRequestLoan.html (default line 189)
• Lending\include_detailedTransactionInformation.html (default lines 8, 19, 28, 37, 46, 55, 64, 73, 82, 91, 100, 109, 118, 127, 145, 157, 166, 175, 184, 193, 202, 213, 222, 231, 240, 249, 258, 267, 276, 285, 294, 303, 312, 322)

Note: If you have implemented the changes in the Remove Duplicate Item Author Field From Transaction Details Pages fix above, the default lines will be 8, 19, 28, 37, 46, 55, 64, 73, 82, 91, 100, 109, 118, 127, 136, 148, 157, 166, 175, 184, 193, 204, 213, 222, 231, 240, 249, 258, 267, 276, 285, 294, 303, 313

• Lending\include_menu.html (default line 1)
• Lending\include_nav_search.html (default line 56)
• Lending\include_nav.html (default 64)
• Lending\LendingGenericRequestArticle.html (default line 198)
• Lending\LendingGenericRequestLoan.html (default line 193)
• Lending\LendingNewPassword.html (default line 28)
• Lending\LendingViewDetailedDefault.html (default lines 6, 18, 22)
• Lending\LendingViewSearchResults.html (default line 55)
• Lending\SiteMap.html (default line 12)
• templates\DataRow_CheckedOutItems.html (default lines 7, 9, 46, 51, 55)
• templates\DataRow_DefaultNote.html (default lines 4, 5, 7)
• templates\DataRow_DefaultRequest.html (default lines 7, 9, 46, 51, 55)
• templates\DataRow_ElectronicDelivery.html (default lines 8, 10, 42, 49)
• templates\DataRow_ElectronicDeliveryUndelete.html (default lines 10, 44)
• ArticleRequest.html (default line 167)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 166

• BookChapterRequest.html (default line 178)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 177

• ConferencePaperRequest.html (default line 165)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 164

• EditArticleRequest.html (default line 165)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 164

• EditBookChapterRequest.html (default line 177)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 176

• EditConferencePaperRequest.html (default line 166)

Note: If you have implemented the changes in the Remove FORMSTATE Tags from Request Forms fix above, the default line will be 165

• EditGenericRequestTesting.html (default line 154)
• EditLoanRequest.html (default line 154)
• EditPatentRequest.html (default line 113)
• EditReportRequest.html (default line 140)
• EditStandardsDocumentRequest.html (default line 103)
• EditThesisRequest.html (default line 125)
• ElectronicDeliveryUndelete.html (default line 15)
• GenericRequestTesting.html (default line 158)
• include_detailedTransactionInformation.html (default lines 8, 17, 28, 37, 46, 55, 64, 73, 82, 91, 99, 108, 117, 126, 135, 153, 165, 174, 183, 192, 201, 210, 221, 230, 239, 248, 257, 266, 275, 284, 293, 302, 311, 320, 329, 339)

Note: If you have implemented the changes in the Remove Duplicate Item Author Field From Transaction Details Pages fix above, the default lines will be 8, 17, 28, 37, 46, 55, 64, 73, 82, 91, 99, 108, 117, 126, 135, 144, 156, 165, 174, 183, 192, 201, 212, 221, 230, 239, 248, 257, 266, 275, 284, 293, 302, 311, 320, 330

• include_menu.html (default line 1)
• include_nav_search.html (default line 60)
• include_nav.html (default line 66)
• include_notification_preferences.html (default lines 29, 35, 62, 63, 69, 70, 76, 77, 83, 84, 90, 91, 98)
• LoanRequest.html (default lines 157, 161, 162, 165)
• PatentRequest.html (default line 116)
• ReportRequest.html (default line 142)
• SiteMap.html (default line 12)
• StandardsDocumentRequest.html (default line 105)
• ThesisRequest.html (default line 127)
• ViewDefaultDetailed.html (default lines 6, 17, 21)
• ViewSearchResults.html (default line 55)

---

Fix Site Map Issue

To fix an issue where empty hyperlinks are generated in the site map if a hyperlinked image is added to the footer (include_footer.html or Lending\include_footer.html), please download the latest default web pages and overwrite your default js\buildSiteMap.js and Lending\js\buildSiteMap.js files with the updated files:

js\buildSiteMap.js & Lending\js\buildSiteMap.js

warning

Please overwrite this file with the updated file.

---

Fix Incorrect ERROR Tag Parameter on EditPatentRequest.html

To fix an incorrect ERROR tag (<#ERROR>) parameter for the Title field (database field name: PhotoJournalTitle) on the Edit Patent Request form, please overwrite your default EditPatentRequest.html file with the updated file or make the following changes manually:

EditPatentRequest.html

Change this (default line 25):

<span class="<#ERROR>">Title<span class="req">(required)</span></span> <!-- REMOVE: Incorrect ERROR tag parameter -->

To this:

<span class="<#ERROR>">Title<span class="req">(required)</span></span> <!-- ADD: Correct ERROR tag parameter -->

---

Adjust Naming of Account Management-Related Web Page Features

The following updates were made on the ILLiad Borrowing and Lending web pages to rename some of the account management-related features for clarity and to ensure naming consistency across the web pages:

• The Profile dropdown in both the Borrowing and Lending navigation menus was renamed Account Info
• The option within the Profile dropdown menu in the Borrowing web pages to navigate to the ChangeUserInformation.html page was changed from Update Profile to Update User Information
• The option within the Profile dropdown menu in the Lending web pages to navigate to the Lending\LendingUpdateAddressInformation.html page was changed from Update Profile to Update Address Information
• The page title and page header on ChangeUserInformation.html and Lending\LendingUpdateAddressInformation.htmlwere changed to match the new names for the options to navigate to these pages in the Profile dropdown menu (as described above)

To implement these changes, please overwrite the files listed below with the new default files or make the following changes on each page manually:

Lending\include_nav_search.html (default lines 41- 47) & Lending\include_nav.html (default lines 50-56)

Change this:

<a class="nav-link dropdown-toggle" href="#" id="navbarMyProfile" 
   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- REMOVE: Old ID and text -->
  <span aria-hidden="true" class="fas fa-user"></span> Profile
</a>
<div class="dropdown-menu" aria-labelledby="navbarMyProfile"> <!-- REMOVE: Old labelledby reference -->
  <a class="dropdown-item" href="<#ACTION action='10' form='20'>">
    <span aria-hidden="true" class="fas fa-user-edit"></span> Update Profile <!-- REMOVE: Old text -->
  </a>

To this:

<a class="nav-link dropdown-toggle" href="#" id="navbarAccountInfo" 
   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- ADD: New ID -->
  <span aria-hidden="true" class="fas fa-user"></span> Account Info <!-- ADD: New text -->
</a>
<div class="dropdown-menu" aria-labelledby="navbarAccountInfo"> <!-- ADD: New labelledby reference -->
  <a class="dropdown-item" href="<#ACTION action='10' form='20'>">
    <span aria-hidden="true" class="fas fa-user-edit"></span> Update Address Information <!-- ADD: New text -->
  </a>

Lending\LendingUpdateAddressInformation.html

Change this (default line 5):

<title>ILLiad - Change Address Information</title> <!-- REMOVE: Old title text -->

To this:

<title>ILLiad - Update Address Information</title> <!-- ADD: Updated title text -->

And change this (default line 18):

<h2 class="page-header">Change User Information</h2> <!-- REMOVE: Old header text -->

To this:

<h2 class="page-header">Update Address Information</h2> <!-- ADD: Updated header text -->

ChangeUserInformation.html

Change this (default line 5):

<title>ILLiad - Change User Information</title> <!-- REMOVE: Old title text -->

To this:

<title>ILLiad - Update User Information</title> <!-- ADD: Updated title text -->

And change this (default line 19):

<h2 class="page-header">Update Profile</h2> <!-- REMOVE: Old header text -->

To this:

<h2 class="page-header">Update User Information</h2> <!-- ADD: Updated header text -->

include_nav_search.html (default lines 48 - 54) & include_nav.html (default lines 54-60)

Change this:

<a class="nav-link dropdown-toggle" href="#" id="navbarMyProfile" 
   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- REMOVE: Old ID -->
  <span aria-hidden="true" class="fas fa-user"></span> Profile <!-- REMOVE: Old text -->
</a>
<div class="dropdown-menu" aria-labelledby="navbarMyProfile"> <!-- REMOVE: Old labelledby reference -->
  <a class="dropdown-item" href="<#ACTION action='10' form='20'>">
    <span aria-hidden="true" class="fas fa-user-edit"></span> Update Profile <!-- REMOVE: Old text -->
  </a>

To this:

<a class="nav-link dropdown-toggle" href="#" id="navbarAccountInfo" 
   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- ADD: New ID -->
  <span aria-hidden="true" class="fas fa-user"></span> Account Info <!-- ADD: New text -->
</a>
<div class="dropdown-menu" aria-labelledby="navbarAccountInfo"> <!-- ADD: New labelledby reference -->
  <a class="dropdown-item" href="<#ACTION action='10' form='20'>">
    <span aria-hidden="true" class="fas fa-user-edit"></span> Update User Information <!-- ADD: New text -->
  </a>

---

Implement Layout and Style Improvements for Printed Pages

The following changes have been made to the layout and style used to format the ILLiad Borrowing and Lending web pages when they are printed from the web browser to improve the readability of the printed material and to increase focus on essential information:

• The following elements are now hidden when the web page is printed:
  • Action buttons (e.g., Edit, Cancel, etc.) on web pages containing transaction details
  • Buttons included in the DataRow template files (e.g., Details, Action, etc.)
  • The "Skip to main content" link
  • Web alerts
• Form fields are now formatted with a black border color and black text when printed to enhance color contrast
• Buttons and badges are now formatted with a white background color and black text when printed to enhance color contrast
• Increased the font size used for body text on print layouts from 10pt to 11pt
• Implemented missing print styling on theLogon.html web page so that this page is now properly formatted when printed

To implement these changes, please overwrite the files listed below with the new default files or make the following changes to each file manually:

css\print.css & Lending\css\print.css

Change this (default lines 1-10):

/*LEGAL=====
Copyright: Daemon Pty Limited 1995-2006, http://www.daemon.com.au & http://www.mollio.org/
License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php
Version: 010306      
*/ /* REMOVE: Old version without modifications */
body {
    font: 10pt arial,tahoma,verdana,sans-serif /* REMOVE: 10pt font size */
}

To this:

/*LEGAL=====
Copyright: Daemon Pty Limited 1995-2006, http://www.daemon.com.au & http://www.mollio.org/
License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php
Version: 010306
Modifications:
- change body font to 11pt size
- hide additional UI elements: skip link, transaction menu buttons, datarow buttons, and web alerts
- enhance contrast of buttons, badges, and form fields
*/ /* ADD: Updated version with modifications list */
body {
    font: 11pt arial,tahoma,verdana,sans-serif /* ADD: 11pt font size */
}

And change this (default line 18):

nav #menu, #search, nav #menu, #breadcrumb, #poweredby {
    display:none; /* REMOVE: Limited hide rules */
}

To this:

nav #menu, #search, nav #menu, #breadcrumb, #poweredby,
header.head a.offscreen, #transaction-menu .btn-group, 
.card .row .btn-group, #webAlerts { /* ADD: Additional elements to hide */
    display:none;
}
.btn, .badge { /* ADD: Button and badge print styling */
    background: #fff;
    color: #000;
}
.form-control,.form-control:focus,.custom-select,.custom-select:focus,
.custom-control .custom-control-label::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.control-group { /* ADD: Form field print styling */
    border-color: #000;
    color: #000;
}

Logon.html

Change this (default lines 12-14):

<link rel="stylesheet" href="css/illiad.css"> <!-- REMOVE: Missing media attribute -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" 
      integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" 
      crossorigin="anonymous">
<!-- REMOVE: Missing print CSS link -->

To this:

<link rel="stylesheet" href="css/illiad.css" media="screen"> <!-- ADD: Media attribute for screen -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <!-- ADD: Print CSS link -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" 
      integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" 
      crossorigin="anonymous">

---

Add New Minified CSS and JavaScript Files

This release includes new minified versions of most default JavaScript and CSS files used in the ILLiad Borrowing and Lending web pages. These files will have the extension .min.js or .min.css and will be present in the js or css folder of the new default Borrowing and Lending web pages alongside the original un-minified version of each file. The new minified files help to optimize the performance of the ILLiad web interface and may reduce page load times for users.

To ensure that your web pages use the new minified files after you have added them to your ILLiad web directory, you will need to replace several additional web page files listed below with the updated default files, or manually edit each file to ensure each file points to the new minified JavaScript and CSS files in your web directory. To implement these changes, follow the instructions below:

First, download the latest default web pages and add the following new files to your web directory in the specified folders:

info

Lending Web Pages

• Add these files to the css folder in the Lending web directory:
  • Lending\css\illiad.min.css
  • Lending\css\print.min.css
• Add these files to the js folder in the Lending web directory:
  • Lending\js\atlasUtility.min.js
  • Lending\js\buildSiteMap.min.js
  • Lending\js\illiad.min.js
  • Lending\js\lendingWebAlerts.min.js

Borrowing Web Pages

• Add these files to the css folder in the Borrowing web directory:
  • css\illiad.min.css
  • css\print.min.css
• Add these files to the js folder in the Borrowing web directory:
  • js\atlasUtility.min.js
  • js\buildSiteMap.min.js
  • js\illiad.min.js
  • js\userNotificationPreferences.min.js
  • js\webAlerts.min.js

Next, update each web page file listed below with the updated file or follow the instructions for each file below to implement the required changes manually in the code:

Lending\include_head.html

Change this (default line 9):

<link rel="stylesheet" type="text/css" href="css/illiad.css" media="screen"/> <!-- REMOVE: Non-minified CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/illiad.min.css" media="screen"/> <!-- ADD: Minified CSS for performance -->

Then change this (default line 11):

<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <!-- REMOVE: Non-minified print CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/print.min.css" media="print"> <!-- ADD: Minified print CSS -->

Then change this (default line 19):

<script src="js/atlasUtility.js"></script> <!-- REMOVE: Non-minified JavaScript -->

To this:

<script src="js/atlasUtility.min.js"></script> <!-- ADD: Minified JavaScript -->

Finally, change this (default line 21):

<script src="js/lendingWebAlerts.js"></script> <!-- REMOVE: Non-minified web alerts JS -->

To this:

<script src="js/lendingWebAlerts.min.js"></script> <!-- ADD: Minified web alerts JS -->

Lending\LendingLogon.html

Change this (default line 13):

<link rel="stylesheet" type="text/css" href="css/illiad.css" media="screen"/> <!-- REMOVE: Non-minified CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/illiad.min.css" media="screen"/> <!-- ADD: Minified CSS -->

Change this (default line 15):

<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <!-- REMOVE: Non-minified print CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/print.min.css" media="print"> <!-- ADD: Minified print CSS -->

Change this (default line 23):

<script src="js/lendingWebAlerts.js"></script> <!-- REMOVE: Non-minified web alerts JS -->

To this:

<script src="js/lendingWebAlerts.min.js"></script> <!-- ADD: Minified web alerts JS -->

Lending\SiteMap.html & SiteMap.html

Change this (default line 7):

<script src="js/buildSiteMap.js"></script> <!-- REMOVE: Non-minified site map JS -->

To this:

<script src="js/buildSiteMap.min.js"></script> <!-- ADD: Minified site map JS -->

include_head.html

Change this (default line 10):

<link rel="stylesheet" type="text/css" href="css/illiad.css" media="screen"/> <!-- REMOVE: Non-minified CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/illiad.min.css" media="screen"/> <!-- ADD: Minified CSS -->

Then change this (default line 12):

<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <!-- REMOVE: Non-minified print CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/print.min.css" media="print"> <!-- ADD: Minified print CSS -->

Then change this (default line 18):

<script src="js/atlasUtility.js"></script> <!-- REMOVE: Non-minified utility JS -->

To this:

<script src="js/atlasUtility.min.js"></script> <!-- ADD: Minified utility JS -->

Finally, change this (default line 20):

<script src="js/webAlerts.js"></script> <!-- REMOVE: Non-minified web alerts JS -->

To this:

<script src="js/webAlerts.min.js"></script> <!-- ADD: Minified web alerts JS -->

include_notification_preferences.html

Change this (default line 2):

<script type="text/javascript" src="js/userNotificationPreferences.js"></script> <!-- REMOVE: Non-minified notification prefs JS -->

To this:

<script type="text/javascript" src="js/userNotificationPreferences.min.js"></script> <!-- ADD: Minified notification prefs JS -->

Logon.html

warning

Note: The changes shown below assume you have already put into place the additional changes to this file documented in the previous Implement Layout and Style Improvements for Printed Pages section above.

Change this (default line 12):

<link rel="stylesheet" href="css/illiad.css" media="screen"> <!-- REMOVE: Non-minified CSS -->

To this:

<link rel="stylesheet" href="css/illiad.min.css" media="screen"> <!-- ADD: Minified CSS -->

Then change this (default line 14):

<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <!-- REMOVE: Non-minified print CSS -->

To this:

<link rel="stylesheet" type="text/css" href="css/print.min.css" media="print"> <!-- ADD: Minified print CSS -->

Finally, change this (default line 21):

<script src="js/webAlerts.js"></script> <!-- REMOVE: Non-minified web alerts JS -->

To this:

<script src="js/webAlerts.min.js"></script> <!-- ADD: Minified web alerts JS -->

---

Comment Out Format Field on Multimedia Request Forms

Data entered into the default Format field on the Multimedia Request form and its corresponding edit form will not be saved to the database by default when the form is submitted. To comment out this field and prevent users from accessing it on the request forms, please overwrite the files listed below with the new default files or make the changes on each page manually following the example below:

Example - MultimediaRequest.html

Change this (default lines 83 & 99):

<div class="form-group col-md-9">
  <label for="Format">
    <span class="field">
      <span class="<#ERROR>">Format</span>
    </span>
  </label>
  <select id="Format" name="Format" size="1" class="custom-select mr-sm-2" 
          data-persisted-value="<#PARAM name='Format'>">
    <option value="CD">CD</option>
    <option value="Blu Ray">Blu Ray</option>
    <option value="Cassette">Cassette</option>
    <option value="DVD">DVD</option>
  </select>
</div>
<!-- REMOVE: Format field not saved to database -->

To this:

<!--
<div class="form-group col-md-9">
  <label for="Format">
    <span class="field">
      <span class="<#ERROR>">Format</span>
    </span>
  </label>
  <select id="Format" name="Format" size="1" class="custom-select mr-sm-2" 
          data-persisted-value="<#PARAM name='Format'>">
    <option value="CD">CD</option>
    <option value="Blu Ray">Blu Ray</option>
    <option value="Cassette">Cassette</option>
    <option value="DVD">DVD</option>
  </select>
</div>
-->
<!-- ADD: Format field commented out since data is not saved to database -->

info

On the following web page files at the specified default lines:

• MultimediaRequest.html (default lines 83 & 99)
• EditMultimediaRequest.html (default lines 82 & 98)