mobile skin for tomcat Webvoyage 7
Tags: mobile, webvoyage, tomcat, skin
Last Updated: Dec 02, 2010 20:24
- Description
Simple tomcat skin suitable for use with mobile device. Easy to install and customize.
- Author: Denise Dunham
- Additional author(s):
- Institution: University of Rochester
- Year: 2010
- License: BSD style
- Short description: Use, modification and distribution of the code are permitted provided the copyright notice, list of conditions and disclaimer appear in all related material.
- Link to terms: [Detailed license terms]
- Skill required for using this code:
intermediate
State
In Development
Programming language
XSL, CSS
Software requirements
Voyager 7+
Screen captures 
Author(s) homepage
Download
Attach the code file(s) to this page and link to them here.
Page attachments management can be reached from the top-right menu - 'attachments' after page save.
Working example
http://catalog.lib.rochester.edu/vwebv/searchBasic?sk=mobile
Using the following Ex Libris open interfaces
Changes
Version 1.2 ....
Version 1.1 ....
...
Release notes
Installation instructions
1. Update header with your library info and logo
-In mobile_generic/xsl/pageFacets/header.xsl replace highlighted text with your customizations
<div align="left" class="style8">Your Library Name</div>
<span class="style14">Your Institution Name</span>
...
<!- Mobile Header ->
<div id="breadcrumbs"><a class="breadcrumbs" href="http://library.edu">Home</a> > <a class="bread crumbs" href="searchBasic">Voyager Catalog Search</a>
…
</div>
-In mobile_generic/images/logo.jpg, replace with your logo.jpg.
2. Change colors in mobile_generic/css/ frameWork.css
-to change red background color find this line and change the hex code.
background-color: #8F1A1A;
-to change the gray bar find this line and change the hex code.c
background-color: #DFDFDF;
3. set a value for mail host in mobile_generic_new/webvoyage.properties
-set a value for mail.host=
(It should be the same as in your main skin if you have emailing records turned on. )
4. Change or hide favicon
- to change, replace favicon.ico in mobile_generic/images with your 16X16 px image
- to hide, comment out the following lines in mobile_generic/xsl/pageTools/frameWork.xsl
<!--
<link rel="shortcut icon" type="image/x-icon" href="{$image-loc}favicon.ico" />
<link rel="icon" type="image/x-icon" href="{$image-loc}favicon.ico" />
-->
5. (Optional) Display 856 links from holdings records.
-to hide links from bib records, comment out the following lines in mobile_generic/xsl/contentLayout/configs/displaycfg.xml
<displayTags label="Links:">
<displayTag field="3000"/>
</displayTags>
-to add links from holding records uncomment the following lines in
mobile_generic/xsl/contentLayout/configs/displayHoldings.xml
<holdingsTags label="Internet Link(s):">
<displayTag field="3000" />
</holdingsTags>
6. (Optional) Change timeout settings in webvoyage.properties. U of Rochester times out sessions at 20 minutes with no warning.
- to change exit URL where user is sent when session times out, find the following lines and change.
Option.exitURL=/index.html
- to change time out values find these lines and change.
timeout.time=20
timeout.grace=0


6 Comments
comments.show.hideMar 23, 2010
Laura Guy
On a whim i installed this code and it is wonderful! Super easy to use and it worked pretty much immediately. I can't say enough good things about Denise... she did a great job here!
Apr 15, 2010
John S. Hambleton
I agree with Laura's comment. I set up this skin at our site, easy to install,
works great!
Apr 29, 2010
Jane Foo
Adding my comment here as well. Great skin, took me less than an hour to set up and customize on our dev server. Much Thanks! I have added credit to Denise and the U of Rochester in the footer.
Jun 03, 2011
Todd King
Yes, it is great. We use it at Eastern Kentucky University. EKU Mobile Catalog
Oct 17, 2011
Liam Goldstein
The live demo is a jquery mobile skin but when I downloaded the code from this page it was a different version. Are you planning to make the jquery mobile version available for download?
Thanks,
Liam Goldstein
May 04, 2012
Denise Dunham
jQuery Mobile skin files are on CodeShare now:
http://www.exlibrisgroup.org/display/VoyagerCC/Voyager+mobile+skin+with+jQuery+Mobile