So I have a custom theme, very basic. With the mobile theme how do I implement that with 4.x? There wasn't much documentation at all on the wiki? I looked in sunscholar and it had the basic readme file from the mobile theme.
Installation:
0. Get a new domain name that is an alias of the existing domain name
for your DSpace installation.
e.g. if your current domain is yoursite.edu your new domain name
might be mobile.yoursite.edu
These instructions assume that the new domain name starts with 'mobile.'
If it is something else, you will need to make a change in Step 5.
1. Copy the mobile theme folder into your XMLUI theme folder
e.g. ../dspace/webapps/xmlui/themes/
2. Add a call for the detectmobile.js and cookies.js file in the header
of your current main theme.xsl file.
It should look like:
<script type="text/javascript"
src="/themes/mobile/lib/detectmobile.js"> </script>
<script type="text/javascript"
src="/themes/mobile/lib/cookies.js"> </script>
* In this file, we also add a "View mobile site" link in the footer
section, which allows users to view the full site on their
mobile devices. The cookies.js file saves this preference
but it's erased when the session is closed.
If you want such a link, the code for this should look like the following
(with the appropriate URL for your mobile site):
<a href="#"
onclick="eraseCookie('viewfull');window.location='http://mobile.yoursite.edu';">
View mobile site</a>
3. Open the detectmobile.js file and enter your new mobile domain
at the end of the function call e.g. mobile.yoursite.edu
* if you choose a different domain name or theme name other than
"mobile" make sure to update the settings in the sitemap.xmap
4. In mobile.xsl, find the link "View full website" and replace the
references to yoursite.edu with the domain name for your main site.
* lines 255-257
5. Replace or edit the themes.xmap file located in your default theme
folder e.g. ../dspace/webapps/xmlui/themes/
* The code for setting up the properties for the domain is in
lines 32-37. This will need to be changed if the domain name
for your mobile site starts with something other than 'mobile.'
6. Restart tomcat and now you should be able to see the mobile theme
in action; to change the look-and-feel, you can go to
http://jquerymobile.com/themeroller/ and either create your own
files or import/upgrade the uncompressed sc-mobile.css file.
Still working on step 0. Step 1 I have done, But where is the "main
theme.xsl file" or would that be in my instance TWU.xsl? that looks like below
or what from the original Mirage theme would this be called?
<xsl:stylesheet xmlns:i18n="http://apache.org/cocoon/i18n/2.1";
xmlns:dri="http://di.tamu.edu/DRI/1.0/";
xmlns:mets="http://www.loc.gov/METS/";
xmlns:xlink="http://www.w3.org/TR/xlink/";
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"; version="1.0"
xmlns:dim="http://www.dspace.org/xmlns/dspace/dim";
xmlns:xhtml="http://www.w3.org/1999/xhtml";
xmlns:mods="http://www.loc.gov/mods/v3";
xmlns:dc="http://purl.org/dc/elements/1.1/";
xmlns="http://www.w3.org/1999/xhtml";
exclude-result-prefixes="i18n dri mets xlink xsl dim xhtml mods dc">
<xsl:import href="../dri2xhtml-alt/dri2xhtml.xsl"/>
<xsl:import href="lib/xsl/core/global-variables.xsl"/>
<xsl:import href="lib/xsl/core/page-structure.xsl"/>
<xsl:import href="lib/xsl/core/navigation.xsl"/>
<xsl:import href="lib/xsl/core/elements.xsl"/>
<xsl:import href="lib/xsl/core/forms.xsl"/>
<xsl:import href="lib/xsl/core/attribute-handlers.xsl"/>
<xsl:import href="lib/xsl/core/utils.xsl"/>
<xsl:import href="lib/xsl/aspect/general/choice-authority-control.xsl"/>
<xsl:import href="lib/xsl/aspect/administrative/administrative.xsl"/>
<xsl:import href="lib/xsl/aspect/artifactbrowser/item-list.xsl"/>
<xsl:import href="lib/xsl/aspect/artifactbrowser/item-view.xsl"/>
<xsl:import href="lib/xsl/aspect/artifactbrowser/community-list.xsl"/>
<xsl:import href="lib/xsl/aspect/artifactbrowser/collection-list.xsl"/>
<xsl:output indent="yes"/>
</xsl:stylesheet>
With step 4 - when I look at this I think they redirected this to the
dspace.cfg? so I don't need to do this step anymore?
<a href="#" data-role="button" data-icon="forward" data-iconpos="left">
<xsl:attribute
name="onclick">createCookie('viewfull','true','','$dspace.hostname');window.location='<xsl:value-of
select="$dspace-url"/>';</xsl:attribute>
<xsl:text>View full website</xsl:text>
</a>
Thanks for any help and guidance to make this process easier! As a newbie I'm
still learning! I will document changes as I see them, I can't code, but I can
help clarify!
David Schuster
Texas Woman's University
Director of Library Information Technology & Technical Support
Phone: 940-898-3909
[email protected]<mailto:[email protected]>
[Description: emailsignature]
<<inline: image001.png>>
------------------------------------------------------------------------------ Learn Graph Databases - Download FREE O'Reilly Book "Graph Databases" is the definitive new guide to graph databases and their applications. Written by three acclaimed leaders in the field, this first edition is now available. Download your free book today! http://p.sf.net/sfu/13534_NeoTech
_______________________________________________ DSpace-tech mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/dspace-tech List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette
