I have a slightly off-topic question, but I thought someone on the list might be able to point me in the right direction, since we're all familiar with III.
Before we're able to launch MobileCat we want to setup mobile access to the e-resources we subscribe to that have mobile interfaces. This would require someone to login through the catalog.
I want to have a mobile specific stylesheet in my \screens folder that will load automatically if a browser < 480px is detected. This way the login page will be 'mobile-friendly.'
I've tried using the 'media' tag in my CSS call (so this way http://www.vcarrer.com/2010/07/bulletproof-css3-media-queries.html ) and a couple of JS. I wasn't sure where to put the extra stylesheet. Here's a laundry-list of what I've tried:
- Inserting a second "Stylesheet" wwwoption
- Adding the stylesheet directly into the p_verify.html
- Adding an onload js to the p_verify.html that detects user_agent (similar to what Wittenberg U uses)
- Putting both stylesheet calls into a single "Stylesheet" wwwoption - this was the only thing that actually worked in most browsers, but didn't work in IE.
Does anyone have thoughts on how this might be accomplished in III?