<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<style>
<!--
@font-face
        {font-family:"Cambria Math"}
@font-face
        {font-family:Calibri}
@font-face
        {font-family:Tahoma}
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman","serif"}
a:link, span.MsoHyperlink
        {color:blue;
        text-decoration:underline}
a:visited, span.MsoHyperlinkFollowed
        {color:purple;
        text-decoration:underline}
p
        {margin-right:0cm;
        margin-left:0cm;
        font-size:12.0pt;
        font-family:"Times New Roman","serif"}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:8.0pt;
        font-family:"Tahoma","sans-serif"}
span.BalloonTextChar
        {font-family:"Tahoma","sans-serif"}
p.msochpdefault, li.msochpdefault, div.msochpdefault
        {margin-right:0cm;
        margin-left:0cm;
        font-size:10.0pt;
        font-family:"Times New Roman","serif"}
span.emailstyle19
        {font-family:"Calibri","sans-serif";
        color:#1F497D}
span.balloontextchar0
        {font-family:"Tahoma","sans-serif"}
span.EmailStyle23
        {font-family:"Calibri","sans-serif";
        color:#1F497D}
.MsoChpDefault
        {font-size:10.0pt}
@page WordSection1
        {margin:72.0pt 72.0pt 72.0pt 72.0pt}
div.WordSection1
        {}
-->
</style>
</head>
<body lang="EN-GB" link="blue" vlink="purple" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D">Oops – wrong Xerte – apologies!</span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif""> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk]
<b>On Behalf Of </b>Alistair McNaught<br>
<b>Sent:</b> 20 March 2012 16:43<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] Re: Xerte 2.17 Glossary / relative links / css classes</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<div>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D">I can answer point 2 – you can upload pdfs etc via the media tab in the properties panel for a Xerte LO – the media tab gives you the url that you can add
 via hyperlink navigator page or (less accessibly) via right click hyperlink in any text field. I’ve done this successfully on several LOs.
</span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D">Key steps below: BTW sometimes a file you upload doesn’t show in the media list but the url can be worked out from the other files.</span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D"> </span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D"><img width="740" height="462" id="Picture_x0020_1" src="cid:image001.png@01CD06B9.FE668360"></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt; font-family:"Calibri","sans-serif"; color:#1F497D"> </span></p>
<div>
<div style="border:none; border-top:solid #B5C4DF 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif"">From:</span></b><span lang="EN-US" style="font-size:10.0pt; font-family:"Tahoma","sans-serif""> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk]
<b>On Behalf Of </b>Panke, Stefanie<br>
<b>Sent:</b> 20 March 2012 14:57<br>
<b>To:</b> xerte@lists.nottingham.ac.uk<br>
<b>Subject:</b> [Xerte] Xerte 2.17 Glossary / relative links / css classes</span></p>
</div>
</div>
<p class="MsoNormal"> </p>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Hello!</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">I have - yet again - a few questions.</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">1. Glossary</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">I think I found a bug of sorts while using the Xerte 2.17 glossary: When using terms with brackets or apostrophes, the term stops working as a hotspot – probably
 because it interferes with  the scripting syntax, e.g., "Home Owners' Association (HOA)". Is there a workaround for this?</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">2. Relative Links</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Relative hyperlinks do not work in Xerte, do they? I have additional reading material in PDF format to include in my course material. My initial idea was to
 create a local directory and </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">3. CSS classes</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Connected to the PDF material, I would like to use link classes in my additional CSS stylesheet. In the learning  object, I have enabled the stylesheet and
 it work fine for defining the link color for external hyperlinks. Now, I would like to go a step further and add icons for links to PDF documents - ideally by parsing the file extension or otherwise by using a fake CSS class. Both approaches don't seem to
 work. Has anyone tried this before? Is there a structural reason for this not to work?</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">I am attempting something like this: </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">In stylesheet (my_style.css):</span></p>
</div>
<div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">a.pdf {</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">padding-right: 18px;
</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">background:url(pdf_icon.gif) no-repeat center right;</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">}</span></p>
</div>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">In Xerte file:</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"><a href="" class="pdf"> </a></span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">It should place a pdf icon after the hyperlink. </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">4. I have started to work on a brief "Getting started with Xerte 2.17" guide, that pretty much mirrors my learning curve over the past few weeks. Here's my
 preliminary structure - feedback welcome:</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">1. Which Xerte is right for me?</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">2. Basic Set-up for the Learning Object
</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Set the stage size</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Include a logo</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Make external hyperlinks visible</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Allow copy and paste</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Include Print button</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- position / make permanent</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- print script</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Include Help</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">3. Troubleshoots & Testing</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Xerte Mailinglist & Wiki</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Adjust Flash Player settings for accurate preview</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Test layout in different text sizes!</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">4. Functionality within pages</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add text and images</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Position text and images</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add scrollbar (important for resizing text!) </span></p>
</div>
<div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add Nested Pages</span></p>
</div>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add interactive elements</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Install Page Wizards</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Use wizard templates </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Create the folder before using the wizard, one folder per page</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Adjust wizard templates (information on specific templates)</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Image Viewer: Add additional text fields, adjust image size</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">5. Hyperlinks & Navigation</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add internal links</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add external links</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- in scripts</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- in plain text</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add Glossary</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">- Add Chapter overview (if you publish a complex, long learning object, you might want to produce one Xerte per chapter and create and introductory screen displaying
 the whole structure)</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">6. Publish Xerte</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Best,</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">Stefanie</span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
</div>
<p class="MsoNormal"><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black"> </span></p>
<p><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">This message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back
 to me, and immediately delete it. Please do not use, copy or disclose the information contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.
</span></p>
<p><span style="font-size:10.5pt; font-family:"Calibri","sans-serif"; color:black">This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system: you are advised to perform
 your own checks. Email communications with the University of Nottingham may be monitored as permitted by UK legislation.
</span></p>
</div>
<p class="MsoNormal">This email is confidential and may be privileged. If you are not the intended recipient please accept our apologies. Please do not disclose, copy, or distribute information in this email nor take any action in reliance on its contents:
 to do so is strictly prohibited and may be unlawful. Please inform us that this message has gone astray before deleting it. Please note that views expressed in this email are those of the author and do not necessarily represent those of the Higher Education
 Academy. Please note that this e-mail has been created in the knowledge that Internet e-mail is not a secure communications medium. We advise that you understand and observe this lack of security when e-mailing us. Although we have taken steps to ensure this
 e-mail and attachments are free from any virus, we advise that in keeping with good computing practice the recipient should ensure they are actually virus free. The Higher Education Academy Registered No 4930131
</p>
</div>
This email is confidential and may be privileged. If you are not the intended recipient please accept our apologies. Please do not disclose, copy, or distribute information in this email nor take any action in reliance on its contents: to do so is strictly
 prohibited and may be unlawful. Please inform us that this message has gone astray before deleting it. Please note that views expressed in this email are those of the author and do not necessarily represent those of the Higher Education Academy. Please note
 that this e-mail has been created in the knowledge that Internet e-mail is not a secure communications medium. We advise that you understand and observe this lack of security when e-mailing us. Although we have taken steps to ensure this e-mail and attachments
 are free from any virus, we advise that in keeping with good computing practice the recipient should ensure they are actually virus free. The Higher Education Academy Registered No 4930131
</body>
</html>