Implementing 9.2 Web Page Release Changes

Brittany De Gail

Updated July 08, 2024 18:38

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.

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.

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.

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)

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 field='TransactionDate' 
display='ISO8601'>">
<#DATAROW field='TransactionDate'></span>

To this:

<span class="convert-local" data-iso8601=
"<#DATAROW field='TransactionDate' 
displayStyle='ISO8601'>">
<#DATAROW field='TransactionDate'></span>

30 August 2022 Web Page Changes

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.

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

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;
}

To this:

a {
    color: #08415c;
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*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;
    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>
<#INCLUDE filename="include_head.html">
</head>

To this:

<head>
<meta http-equiv="Pragma" content="no-cache">
<title>ILLiad - First Time User Registration</title>
<#INCLUDE filename="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;
    font-size: 16px;
    padding: 4px 0 0;
}

To this:

#no-results-message {
    color: #5f5e5e;
    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 name='ERRORPhotoJournalInclusivePages'>">
Inclusive Pages
 
</span>
</span>
</label>
<input type="text" class="form-control" 
name="PhotoJournalInclusivePages" id="PhotoJournalInclusivePages" 
value="<#PARAM name='PhotoJournalInclusivePages'>"  >
</div>

To this:

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

On the following web pages at the specified default lines:

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 name='ERRORDepartment'>">
Department
 
</span>
</span>
</label>
<select id="Department" name="Department" size="1" 
class="custom-select mr-sm-2"  >
<#OPTION name="custom" groupname="Department" 
selectedValue="<#PARAM name='Department'>">
</select>
</div>

To this:

<div class="form-group col-md-5">
<label for="Department">
<span class="field">
<span class="<#ERROR name='ERRORDepartment'>">
Department
<span class="req">(required)</span> 
</span>
</span>
</label>
<select id="Department" name="Department" size="1" 
class="custom-select mr-sm-2" required>
<#OPTION name="custom" groupname="Department" 
selectedValue="<#PARAM name='Department'>">
</select>
</div>

On the following web pages at the specified default lines:

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 name='ERRORCurrentPassword'>">
Current Password
 
</span>
</label>
<input type="password" class="form-control" 
name="CurrentPassword" id="CurrentPassword" 
aria-describedby="passwordHelp" autocomplete="off"  >
</div>

<div class="form-group col-md-5">
<label for="Password1">
<span class="<#ERROR name='ERRORPassword1'>">
New Password
 
</span>
</label>
<input type="password" class="form-control" 
name="Password1" id="Password1" autocomplete="off"  >
<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 name='ERRORPassword2'>">
Re-enter New Password
 
</span>
</label>
<input type="password" class="form-control" 
name="Password2" id="Password2" autocomplete="off"  >
</div>
</section>

To this:

<section name="password-info">
<div class="form-group col-md-5">
<label for="CurrentPassword">
<span class="<#ERROR name='ERRORCurrentPassword'>">
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>
</div>

<div class="form-group col-md-5">
<label for="Password1">
<span class="<#ERROR name='ERRORPassword1'>">
New Password
<span class="req">(required)</span> 
</span>
</label>
<input type="password" class="form-control" 
name="Password1" id="Password1" autocomplete="off" required>
<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 name='ERRORPassword2'>">
Re-enter New Password
<span class="req">(required)</span> 
</span>
</label>
<input type="password" class="form-control" 
name="Password2" id="Password2" autocomplete="off" required>
</div>
</section>

On the following web pages at the specified default lines:

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 name='ERRORUsername'>">
Username
 
</span>
</label>
<input type="text" class="form-control" name="username" 
id="username" value="<#PARAM name='Username'>"  >
</div>

To this:

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

On the following web pages at the specified default lines:

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

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;
    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;
}

.btn-link, .btn-link.disabled, .btn-link:disabled, .dropdown-menu .dropdown-item.btn-light {
    border: none;
}

.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

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;
    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;
    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;
}

.custom-switch .custom-control-label::after {
background-color: #757575;
}

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">

To this:

<meta name="viewport" content="width=device-width, 
initial-scale=1.0 ">

On the following web pages at the specified default lines:

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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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='72'>&amp;Value=<#DATAROW 
field='TransactionNumber'>">
<span class="fa fa-info-circle mr-1"></span>Details</a>

To this:

<a class="btn btn-primary"  
href="<#ACTION action='10' form='72'>&amp;Value=<#DATAROW 
field='TransactionNumber'>">
<span class="fa fa-info-circle mr-1"></span>Details</a>

On the following web pages at the specified default lines:

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

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 */
.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;
}

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">
<#DATAROW field='TransactionStatus'>
<span class="tool-tip-text">
Moved to <#DATAROW field='TransactionStatus'> on 
<span class="convert-local" 
data-iso8601="<#DATAROW field='TransactionDate' 
display='ISO8601'>"><#DATAROW field='TransactionDate'>
</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"  >
<#DATAROW field='TransactionStatus'>
 
 
 
 
 
 
 
</span>
</div>
</div>

On the following web pages at the specified default lines:

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 field='RequestActionAllowed' name='ViewPDF' 
disabledValue='btn-secondary+disabled'>" 
href="<#ACTION action='10' form='75'>&amp;Value=<#DATAROW 
field='TransactionNumber'>" 
data-toggle="popover" data-trigger="hover" 
data-placement="bottom" data-content="File Size: 
<#DATAROW field='FileSize' displayStyle='Default'>">
<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">
Actions
</button>

To this:

<a   class="btn btn-primary menuViewPdf 
<#DATAROW field='RequestActionAllowed' name='ViewPDF' 
disabledValue='btn-secondary+disabled'>" 
href="<#ACTION action='10' form='75'>&amp;Value=<#DATAROW 
field='TransactionNumber'>"
 
 
 >
<span aria-hidden="true" class="fas fa-eye"></span>
 View</a>

<div class="btn-group" role="group">
<button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" 
type="button" class="btn btn-secondary dropdown-toggle" 
data-toggle="dropdown" aria-haspopup="true" 
aria-expanded="false">
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 field='TransactionNumber'></span></div>
 
 
 
 
</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">
<#DATAROW field='TransactionStatus'>
<span class="tool-tip-text">
Moved to <#DATAROW field='TransactionStatus'> on 
<span class="convert-local" 
data-iso8601="<#DATAROW field='TransactionDate' 
display='ISO8601'>"><#DATAROW field='TransactionDate'>
</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 field='TransactionNumber'></span></div>
<div class="field text-muted">File Size: 
<span class="field-value font-weight-bold mr-1">
<#DATAROW field="FileSize" displayStyle="Default">
</span></div>
</div>

<div class="col-lg-5 col-md-12 text-right">
<div class="field mb2 text-muted">
<span class="field-value font-weight-bold  ">
<#DATAROW field='TransactionStatus'>
 
 
 
 
 
 
 
</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">
 Actions
</button>

To this:

<button id="btnGroupDrop<#DATAROW field='TransactionNumber'>" 
type="button" 
class="btn btn-secondary dropdown-toggle" 
data-toggle="dropdown" aria-haspopup="true" 
aria-expanded="false">
 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

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

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

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

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

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 */

.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 field='TransactionNumber'></span></div>
</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 field='TransactionNumber'></span></div>
</div>

And change this:

<div class="field mb2 text-muted">
Due Date<span class="field-value font-weight-bold mr-1">
<#DATAROW field='DueDate'></span>
</div></div>

To this:

<div class="field mb2 text-muted">
Due Date <span class="field-value font-weight-bold mr-1">
<#DATAROW field='DueDate'></span>
</div></div>

On the following web pages at the specified default lines:

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

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 Unneccesary 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

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;
}

To this:

#searchType label {
    width: auto;
}

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">
<input class="btn btn-primary btn-sm" type="submit" 
name="SubmitButton" value="Search" title="Search">
 

<!--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-->
<br>

<div id="searchType"  >
 
<input checked   
name="SearchType" type="radio" id="SearchTypeActive" 
value="Active">
<label for="SearchTypeActive"  >
<span>Search <u>only</u> active requests</span></label>
 

 
<input class="ml-3" name="SearchType" 
type="radio" id="SearchTypeAll" value="All">
<label for="SearchTypeAll"  >
Search all requests</label>

To this:

<div class="form-inline m-0">
<input id="SearchCriteria" class="form-control mr-1"
value="<#PARAM name='SearchCriteria'>" 
name="SearchCriteria" type="text" title="Search criteria">
<input class="btn btn-primary  " type="submit" 
name="SubmitButton" value="Search" title="Search">
</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">
<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">
<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">
<label for="SearchTypeAll" class="form-check-label">
Search all requests</label>
</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

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'>">
            <input type="hidden" name="Username" 
             value="<#PARAM name='Username'>">
            <input type="hidden" name="SessionID" 
             value="<#PARAM name='SessionID'>">
            <input type="hidden" name="TransactionNumber" 
             value="<#PARAM name='TransactionNumber'>">
            <input type="hidden" name="ESPNumber" 
             value="<#PARAM name='ESPNumber'>">
            <input type="hidden" name="CallNumber" 
             value="<#PARAM name='CallNumber'>">
            <input type="hidden" name="NotWantedAfter" 
             value="<#PARAM name='NotWantedAfter'>">
            <#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">
             
             
             
             
             
             
            <input type="hidden" name="TransactionNumber" 
             value="<#PARAM name='TransactionNumber'>">
             
             
             
             
             
             
            <#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>

To this:

<h2 class="page-header">
New Authenticated User Registration for ILLiad</h2>

14 June 2023 Web Page Changes

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

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

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:

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

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

To this:

Copyright 2023 Atlas Systems, Inc. 
http://www.atlas-sys.com

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>

To this:

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

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);
}

To this:

.theme_atlas .cc_div a, .theme_atlas .cc_div .cc-link {
    border-color: #d6d6d6;
    color: #d6d6d6;
}

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;
    font-size: 14px;
    padding: 4px 12px 6px;
}

To this:

.btn-alert {
    color: #b81f18;
    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

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 {
    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" />
<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" />

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

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 field='NoteDate' 
displayStyle='ISO8601'>"><#DATAROW field='NoteDate'>
</span>

To this:

<span 
 
 ><#DATAROW field='NoteDate'>
</span>

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-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4
gF63x/prKXKH0=" crossorigin="anonymous"></script>
<script src="js/WebAlerts.js"></script>

To this:

<script src="js/custom.js"></script>
 
 
 
 
<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-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4
gF63x/prKXKH0=" crossorigin="anonymous"></script>
<script src="js/lendingWebAlerts.js"></script>

To this:

<script src="js/custom.js"></script>
 
 
 
 
<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.
</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.
</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.
</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.
</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.
</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.
</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.
</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.
</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

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

Lending\js\lendingWebAlerts.js

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 name='ERRORLibraryName'>">
Library Name 
<span class="req">(required)</span> 
</span>
 
<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 name='ERRORLibraryName'>">
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>
<span class="<#ERROR name='ERRORBorrowingDeptEmail'>">
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>

To this:

<div class="form-group col-md-5">
<label for="BorrowingDeptEmail"> 
<span class="<#ERROR name='ERRORBorrowingDeptEmail'>">
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 name='ERRORLibraryName'>">
Library Name 
<span class="req">(required)</span>
</span>
</span>
<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 name='ERRORLibraryName'>">
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 106):

<div class="form-group col-md-5">
<label for="BorrowingDeptEmail"></label>
<span class="<#ERROR name='ERRORBorrowingDeptEmail'>">
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>

To this:

<div class="form-group col-md-5">
<label for="BorrowingDeptEmail"> 
<span class="<#ERROR name='ERRORBorrowingDeptEmail'>">
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 field='TransactionNumber'>">

To this:

<div class="dropdown-menu dropdown-menu-right" 
aria-labelledby="btnGroupDrop<#DATAROW field='TransactionNumber'>">

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 {
    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  ">
<div class="btn-group 
 "
role="group">

To this:

<div id="transaction-menu" class="d-flex 
justify-content-center mb-1 mt-4">
<div class="btn-group 
flex-column flex-grow-1 flex-md-row flex-md-grow-0" 
role="group">

Then change this (default lines 14-15):

<div class=" 
<#TRANSACTION field='RequestType' 
displayStyle='CompareValue' compareValue='Loan' 
disabledValue='d-none'>">
<a class="btn btn-light menuRenew  
<#TRANSACTION field='RequestActionAllowed' 
name='Renew' disabledValue='disabled'>"
href="<#ACTION action='11' form='67'>
&Value=<#TRANSACTION field='TransactionNumber'>">
<span aria-hidden="true" 
class="fas fa-calendar-alt "></span>
 Renew
</a>
</div>

To this:

<div class="btn-group 
<#TRANSACTION field='RequestType' 
displayStyle='CompareValue' compareValue='Loan' 
disabledValue='d-none'>">
<a class="btn btn-light menuRenew my-1 py-2 
<#TRANSACTION field='RequestActionAllowed' 
name='Renew' disabledValue='disabled'>"
href="<#ACTION action='11' form='67'>
&Value=<#TRANSACTION field='TransactionNumber'>">
<span aria-hidden="true" 
class="fas fa-calendar-alt "></span>
 Renew
</a>
</div>

And change this (default lines 31-32):

<div class=" 
<#TRANSACTION field='RequestType' 
displayStyle='CompareValue' compareValue='Article' 
disabledValue='d-none'>">
<a class="btn btn-light menuViewPdf  
<#TRANSACTION field='RequestActionAllowed' 
name='ViewPDF' disabledValue='disabled'>"
href="<#ACTION action='10' form='75'>
&Value=<#TRANSACTION field='TransactionNumber'>">
<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 field='RequestType' 
displayStyle='CompareValue' compareValue='Article' 
disabledValue='d-none'>">
<a class="btn btn-light menuViewPdf my-1 py-2
<#TRANSACTION field='RequestActionAllowed' 
name='ViewPDF' disabledValue='disabled'>"
href="<#ACTION action='10' form='75'>
&Value=<#TRANSACTION field='TransactionNumber'>">
<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 field='RequestActionAllowed' 
name='Edit' disabledValue='disabled'>"
href="<#ACTION action='20' form='63'>&Value=
<#TRANSACTION field='TransactionNumber'>">
<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 field='RequestActionAllowed' 
name='Edit' disabledValue='disabled'>"
href="<#ACTION action='20' form='63'>&Value=
<#TRANSACTION field='TransactionNumber'>">
<span aria-hidden="true" 
class="fas fa-edit text-primary"></span>
 Edit Request
</a>

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

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'>">

To this:

<input type="checkbox" name="SearchType" 
class="custom-control-input" id="SearchType" 
value="Active" data-persisted-value="<#PARAM name='SearchType'>">

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"  >
<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"  >
<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'>">
<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'>">
<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>

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'>">

To this:

<select id="DeliveryGroup" name="DeliveryGroup" 
size="1" class="custom-select mr-sm-2" 
data-persisted-value="<#PARAM name='DeliveryGroup'>">

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 Password field 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 name='ERRORPassword1'>">
New Password
<span class="req">(required)</span>
</span>
</label>
<input type="password" class="form-control" 
name="Password1" id="Password1" autocomplete="off" 
  required>
<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>

To this:

<div class="form-group col-md-5">
<label for="Password1">
<span class="<#ERROR name='ERRORPassword1'>">
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>
<div class="small-notes" id="passwordNotes">
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:

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 name='ERRORUsername'>">
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>
<div class="small-notes"  >
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 name='ERRORUsername'>">
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>
<div class="small-notes" id="usernameNotes">
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 name='ERRORCurrentPassword'>">
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>
</div>

To this:

<div class="form-group col-md-5">
<label for="CurrentPassword">
<span class="<#ERROR name='ERRORCurrentPassword'>">
Current Password
<span class="req">(required)</span> 
</span>
</label>
<input type="password" class="form-control" 
name="CurrentPassword" id="CurrentPassword" 
  autocomplete="off" required>
</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

To implement these changes:

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

The images folders are located within the ILLiad web directory by default at css/images (Borrowing web pages) & Lending/css/images (Lending web pages).
Delete the unused image files listed above from each images folder (css/images & Lending/css/images)
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
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.
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>

<h2 class="page-header">Article Request</h2>

To this:

<#FORMSTATE>

 

<h2 class="page-header">Article Request</h2>

And change this (default line 174):

<#INCLUDE filename="include_request_cited.html">
<#INCLUDE filename="include_request_buttons.html">
</fieldset>
</form>

To this:

<#INCLUDE filename="include_request_cited.html">
<#INCLUDE filename="include_request_buttons.html">
 
</form>

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

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 the include_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>

To this:

 
 
 
<#INCLUDE filename="include_header.html">

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='10' class='header'>">ILLiad</a></h1>
</header>

To this:

 
 
 
<#INCLUDE filename="include_header.html">

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='83'>">
<span aria-hidden="true" 
class="fas fa-key"></span> Change Password
</a>
 
 
 
<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='83'>">
<span aria-hidden="true" 
class="fas fa-key"></span> Change Password
</a>
 
<div class="dropdown-divider"></div>
 
<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:

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>

<h2 class="page-header">Edit Article Request</h2>

To this:

<input type="hidden" name="TransactionNumber" 
value="<#PARAM name='TransactionNumber'>">
 

<h2 class="page-header">Edit Article Request</h2>

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

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">
 
 

<h2 class="page-header">Edit Patent Request</h2>

To this:

<input type="hidden" name="ILLiadForm" 
value="EditPatentRequest">
<input type="hidden" name="TransactionNumber" 
value="<#PARAM name='TransactionNumber'>">

<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><br>
Technical Support Questions: E-mail anytime to 
<a href="mailto:
ill@mail.ill.vt.edu">ill@your.site.here
 
</a></p>

To this:

<p>System Problems or InterLibrary Loan Questions: 
InterLibrary Loan office at 
<#LOCALINFO field="LendingPhone"> 
or e-mail to <a href="mailto:
<#LOCALINFO field="LendingEMailAddress">">
<#LOCALINFO field="LendingEMailAddress">
</a><br>
Technical Support Questions: E-mail anytime to 
<a href="mailto:
<#LOCALINFO field="LendingEMailAddress">">
<#LOCALINFO field="LendingEMailAddress">
</a></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><br>
Technical Support Questions: E-mail anytime to 
<a href="mailto:
ill@mail.ill.vt.edu">ill@your.site.here
 
</a></p>

To this:

<p>System Problems or InterLibrary Loan Questions: 
InterLibrary Loan office at 
<#LOCALINFO field="BorrowingPhone"> 
or e-mail to <a href="mailto:
<#LOCALINFO field="BorrowingEMailAddress">">
<#LOCALINFO field="BorrowingEMailAddress">
</a><br>
Technical Support Questions: E-mail anytime to 
<a href="mailto:
<#LOCALINFO field="BorrowingEMailAddress">">
<#LOCALINFO field="BorrowingEMailAddress">
</a></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">Adobe Systems, Inc.</a> 
Click the &quot;Get Adobe Reader&quot; 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">Adobe Systems, Inc.</a> 
Click the &quot;Get Adobe Reader&quot; 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> or call us at 
555-1212.
</p>

To this:

<p>You can e-mail questions to <a href="mailto:
<#LOCALINFO field="BorrowingEMailAddress">">
<#LOCALINFO field="BorrowingEMailAddress">
</a> or call us at 
<#LOCALINFO field="BorrowingPhone">.
</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, and Lending\LendingViewSearchResults.html and follow the separate instructions for updating the NewUserRegistration.html and Lending\LendingNewUserRegistration.html files (both shown below the example).

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">

To this:

<form action="illiad.dll" method="post" 
id="ArticleRequest">

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">

To this:

<form action="illiad.dll" method="post" 
id="EditPatentRequest">

ViewSearchResults.html

Change this (default line 18):

<form action="illiad.dll" 
name="Search" method="post">

To this:

<form action="illiad.dll" 
id="search-form" method="post">

Lending\LendingViewSearchResults.html

Change this (default line 18):

<form action="illiadlending.dll" 
name="Search" method="post">

To this:

<form action="illiadlending.dll" 
id="search-form" method="post">

Changes for NewUserRegistration.html & LendingNewUserRegistration.html

When updating NewUserRegistration.html and 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">

To this:

<form action="illiad.dll" method="post" 
  id="registration-form">

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>

 <h2 class="page-header">Article Request</h2>

To this:

<input type="hidden" name="NotWantedAfter" 
value="<#PARAM name='NotWantedAfter'>">
 

 <h2 class="page-header">Article Request</h2>

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

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)

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
*/

To this:

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

Example - include_footer.html

Change this (default line 3):

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

To this:

<div>&copy; 2024<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:

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

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 {
    color: #6c757d;
}

a:not([href]):not([tabindex]).btn-primary.disabled,
a:not([href]):not([tabindex]).btn-secondary.disabled {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

Update CSS Files to Support Atlas Minification Tools

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
=====

To this:

/*!
LEGAL
=====

On the following web pages at the specified default lines:

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
</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
</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>
</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>
</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:

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">

To encode it [&]:

<form action="illiad.dll?Action=10&amp;Form=79" 
method="post" name="RegisterForm" id="RegisterForm">

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

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">
    <div class="d-flex justify-content-between">
        <span>Item Author</span>
        <strong>
            <span class="field-value"><#TRANSACTION field='PhotoItemAuthor'></span>
        </strong>
    </div>
</div>

From each file at the following default lines:

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'>

To double quotation marks ["]:

<span class="far fa-id-badge"></span> Logged in 
as <#PARAM name="Username">

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='72'>&amp;
Value=<#DATAROW field='TransactionNumber'>">
<#DATAROW field='Title'></a>

To this:

<a href="<#ACTION action='10' form='72'>&amp;
Value=<#DATAROW field='TransactionNumber'>">
<#DATAROW field="Title"></a>

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

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

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 name='ERRORLoanAuthor'>">
Title
<span class="req">(required)</span>
</span>

To this:

<span class="<#ERROR name='ERRORPhotoJournalTitle'>">
Title
<span class="req">(required)</span>
</span>

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.html were 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">
<span aria-hidden="true" 
class="fas fa-user"></span> 
Profile
</a>
<div class="dropdown-menu" 
aria-labelledby="navbarMyProfile">
<a class="dropdown-item" 
href="<#ACTION action='10' form='81'>">
<span aria-hidden="true" 
class="fas fa-user-edit"></span> 
Update Profile
</a>

To this:

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

Lending\LendingUpdateAddressInformation.html

Change this (default line 5):

<title>ILLiad - Change Address Information</title>

To this:

<title>ILLiad - Update Address Information</title>

And change this (default line 18):

<h2 class="page-header">Change User Information</h2>

To this:

<h2 class="page-header">Update Address Information</h2>

ChangeUserInformation.html

Change this (default line 5):

<title>ILLiad - Change User Information</title>

To this:

<title>ILLiad - Update User Information</title>

And change this (default line 19):

<h2 class="page-header">Update Profile</h2>

To this:

<h2 class="page-header">Update User Information</h2>

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">
<span aria-hidden="true" 
class="fas fa-user"></span> 
Profile
</a>
<div class="dropdown-menu" 
aria-labelledby="navbarMyProfile">
<a class="dropdown-item" 
href="<#ACTION action='10' form='81'>">
<span aria-hidden="true" 
class="fas fa-user-edit"></span> 
Update Profile
</a>

To this:

<a class="nav-link dropdown-toggle" 
href="#" id="navbarAccountInfo" 
data-toggle="dropdown" 
aria-haspopup="true" 
aria-expanded="false">
<span aria-hidden="true" 
class="fas fa-user"></span> 
Account Info
</a>
<div class="dropdown-menu" 
aria-labelledby="navbarAccountInfo">
<a class="dropdown-item" 
href="<#ACTION action='10' form='81'>">
<span aria-hidden="true" 
class="fas fa-user-edit"></span> 
Update User Information
</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 the Logon.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
 
 
 
 
 
 
*/


body {font: 10pt arial,tahoma,verdana,sans-serif}

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
*/


body {font: 11pt arial,tahoma,verdana,sans-serif}

And change this (default line 18):

nav #menu, #search, nav #menu, #breadcrumb, #poweredby 
{display:none}

To this:

nav #menu, #search, nav #menu, #breadcrumb, #poweredby,
header.head a.offscreen, #transaction-menu .btn-group, 
.card .row .btn-group, #webAlerts {
    display:none;
}

.btn, .badge {
    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 {
    border-color: #000;
    color: #000;
}

Logon.html

Change this (default lines 12-14):

<link rel="stylesheet" href="css/illiad.css"  >
<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">

To this:

<link rel="stylesheet" href="css/illiad.css" media="screen">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">
<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:

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"/>

To this:

<link rel="stylesheet" type="text/css" 
href="css/illiad.min.css" media="screen"/>

Then change this (default line 11):

<link rel="stylesheet" type="text/css" 
href="css/print.css" media="print">

To this:

<link rel="stylesheet" type="text/css" 
href="css/print.min.css" media="print">

Then change this (default line 19):

<script src="js/atlasUtility.js"></script>

To this:

<script src="js/atlasUtility.min.js"></script>

Finally, change this (default line 21):

<script src="js/lendingWebAlerts.js"></script>

To this:

<script src="js/lendingWebAlerts.min.js"></script>

Lending\LendingLogon.html

Change this (default line 13):

<link rel="stylesheet" type="text/css" 
href="css/illiad.css" media="screen"/>

To this:

<link rel="stylesheet" type="text/css" 
href="css/illiad.min.css" media="screen"/>

Change this (default line 15):

<link rel="stylesheet" type="text/css" 
href="css/print.css" media="print">

To this:

<link rel="stylesheet" type="text/css" 
href="css/print.min.css" media="print">

Change this (default line 23):

<script src="js/lendingWebAlerts.js"></script>

To this:

<script src="js/lendingWebAlerts.min.js"></script>

Lending\SiteMap.html & SiteMap.html

Change this (default line 7):

<script src="js/buildSiteMap.js"></script>

To this:

<script src="js/buildSiteMap.min.js"></script>

include_head.html

Change this (default line 10):

<link rel="stylesheet" type="text/css" 
href="css/illiad.css" media="screen"/>

To this:

<link rel="stylesheet" type="text/css" 
href="css/illiad.min.css" media="screen"/>

Then change this (default line 12):

<link rel="stylesheet" type="text/css" 
href="css/print.css" media="print">

To this:

<link rel="stylesheet" type="text/css" 
href="css/print.min.css" media="print">

Then change this (default line 18):

<script src="js/atlasUtility.js"></script>

To this:

<script src="js/atlasUtility.min.js"></script>

Finally, change this (default line 20):

<script src="js/webAlerts.js"></script>

To this:

<script src="js/webAlerts.min.js"></script>

include_notification_preferences.html

Change this (default line 2):

<script type="text/javascript" 
src="js/userNotificationPreferences.js"></script>

To this:

<script type="text/javascript" 
src="js/userNotificationPreferences.min.js"></script>

Logon.html

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">

To this:

<link rel="stylesheet" href="css/illiad.min.css" media="screen">

Change this (default line 14):

<link rel="stylesheet" type="text/css" 
href="css/print.css" media="print">

To this:

<link rel="stylesheet" type="text/css" 
href="css/print.min.css" media="print">

Finally, change this (default line 21):

<script src="js/webAlerts.js"></script>

To this:

<script src="js/webAlerts.min.js"></script>

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 name='ERRORFormat'>">
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>

To this:

<!--
<div class="form-group col-md-9">
<label for="Format">
<span class="field">
<span class="<#ERROR name='ERRORFormat'>">
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>
-->

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

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

ILLiad August 30 2022 Changes.html
(3 MB)

9.2 Release

Change "display" Attribute to "displayStyle"

Example

30 August 2022 Web Page Changes

Code Comparison File

Using the Code Comparision Files

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

22 November 2022 Web Page Changes

Resolve Contrast and Formatting Issues on Search Pages

Remove Unnecessary Hidden Inputs

Fix Page Header on NewAuthRegistration.html

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

New Password Field

Symbol Field

Remove Unused 'aria-describedby' Attributes

07 September 2023 Web Page Changes

Remove Unused Images From Images Folders

Remove <fieldset> Tags From Web Page Files

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

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 Layout and Style Improvements for Printed Pages

Add New Minified CSS and JavaScript Files

Comment Out Format Field on Multimedia Request Forms

Articles in this section