<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 12 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
        {font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:Tahoma;
        panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
        {mso-style-priority:99;
        mso-style-link:"Balloon Text Char";
        margin:0cm;
        margin-bottom:.0001pt;
        font-size:8.0pt;
        font-family:"Tahoma","sans-serif";}
span.BalloonTextChar
        {mso-style-name:"Balloon Text Char";
        mso-style-priority:99;
        mso-style-link:"Balloon Text";
        font-family:"Tahoma","sans-serif";}
p.msochpdefault, li.msochpdefault, div.msochpdefault
        {mso-style-name:msochpdefault;
        mso-margin-top-alt:auto;
        margin-right:0cm;
        mso-margin-bottom-alt:auto;
        margin-left:0cm;
        font-size:10.0pt;
        font-family:"Times New Roman","serif";}
span.balloontextchar0
        {mso-style-name:balloontextchar;
        font-family:"Tahoma","sans-serif";}
span.emailstyle19
        {mso-style-name:emailstyle19;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
span.emailstyle20
        {mso-style-name:emailstyle20;
        font-family:"Calibri","sans-serif";
        color:#1F497D;}
span.EmailStyle23
        {mso-style-type:personal-reply;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-GB" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal">Thank you Alistair and Julian – I think I will go down the route of splitting the interaction across a few screens.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">Phil<o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p> </o:p></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> 22 April 2013 09:48<br>
<b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] Re: Overflow:scroll; equivalent on category item holding boxes<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal"><span style="color:#1F497D">My approach would be to reduce the number of items for dragging (if necessary having more questions) because it becomes almost impossible to give meaningful feedback if there are very large numbers of items on
 the screen since the feedback dialogue won’t hold all that text, never mind the screen estate holding all the labels
</span><span style="font-family:Wingdings;color:#1F497D">J</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D">A.</span><o:p></o:p></p>
<p class="MsoNormal"><a name="_MailEndCompose"><span style="color:#1F497D"> </span></a><o:p></o:p></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"">
<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">xerte-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">mailto:xerte-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Philip Wolstenholme<br>
<b>Sent:</b> 22 April 2013 09:27<br>
<b>To:</b> <a href="mailto:xerte@lists.nottingham.ac.uk">xerte@lists.nottingham.ac.uk</a><br>
<b>Subject:</b> [Xerte] Overflow:scroll; equivalent on category item holding boxes</span><o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal">I am making a lot of use of the drag-and-drop categories interaction in Xerte, generally using just two categories, with each being assigned too many items to display on screen at one time.<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal">I’ve noticed that as category items are dragged into the appropriate box by the user, the box does not start to scroll its content when it is filled. Instead, categories continue to ‘click’ into place but overflow off the edge of the box,
 under the ‘check answers’ button, and off the edge of the window. You can see an example at:
<a href="https://dl.dropboxusercontent.com/u/52591753/xertecategoryscroll.png">https://dl.dropboxusercontent.com/u/52591753/xertecategoryscroll.png</a>.<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal">Does anyone know of a way to add scrollbars? I’ve generated the resource in the online toolkit, but am happy to tinker with the desktop Xerte application if necessary.<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal">Phil<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Phil Wolstenholme</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Project Officer (Web & e-Services)</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Association of University Administrators</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black"> </span><o:p></o:p></p>
<p class="MsoNormal"><a href="http://www.aua.ac.uk/?utm_source=signature&utm_medium=email&utm_campaign=signature"><span style="font-size:10.0pt;color:black">www.aua.ac.uk</span></a><span style="font-size:10.0pt;color:black">
</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">0161 275 2010</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:black"> </span><o:p></o:p></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="margin-left:2.85pt;border-collapse:collapse">
<tbody>
<tr style="height:97.15pt">
<td width="431" valign="top" style="width:323.2pt;padding:0cm 0cm 0cm 0cm;height:97.15pt">
<p class="MsoNormal"><a href="http://www.aua.ac.uk/static-18-accredited-member.html?utm_source=signature&utm_medium=email&utm_campaign=accredi_signature"><span style="font-size:10.0pt;color:windowtext;text-decoration:none"><img border="0" width="422" height="109" id="Picture_x0020_1" src="cid:image001.png@01CE3F3F.46DC1100" alt="http://www.aua.ac.uk/uploadedfiles/homepage_rotating_images/development%20conference.jpg"></span></a><o:p></o:p></p>
</td>
</tr>
<tr style="height:1.4pt">
<td width="431" valign="top" style="width:323.2pt;padding:0cm 0cm 0cm 0cm;height:1.4pt">
<p class="MsoNormal" style="mso-line-height-alt:1.4pt"><span style="font-size:10.0pt;color:black">Completed more than 25 hours of CPD activity over the last two years? Demonstrate commitment to your professional development by applying to become an Accredited
 Member of the AUA. Find out more at <a href="http://www.aua.ac.uk/static-18-accredited-member.html?utm_source=signature&utm_medium=email&utm_campaign=accredi_signature">
<span style="color:black">http://www.aua.ac.uk/static-18-accredited-member.html</span></a></span><span style="font-size:10.0pt">.</span><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black"> </span><o:p></o:p></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="margin-left:2.85pt;border-collapse:collapse">
<tbody>
<tr>
<td width="75" valign="top" style="width:56.45pt;padding:2.85pt 2.85pt 2.85pt 7.1pt">
<p class="MsoNormal" align="right" style="text-align:right"><a href="https://twitter.com/#!/the_aua"><span style="font-size:10.0pt;color:black;text-decoration:none"><img border="0" width="17" height="15" id="Picture_x0020_20" src="cid:image002.jpg@01CE3F3F.46DC1100" alt="https://twitter.com/images/resources/twitter-bird-blue-on-white.png"></span></a><o:p></o:p></p>
</td>
<td width="355" valign="top" style="width:266.35pt;padding:2.85pt 2.85pt 2.85pt 7.1pt">
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Follow the AUA on Twitter
</span><span style="font-size:10.0pt"><a href="https://twitter.com/#!/the_aua"><span style="color:black">@The_AUA</span></a></span><o:p></o:p></p>
</td>
</tr>
<tr>
<td width="75" valign="top" style="width:56.45pt;padding:2.85pt 2.85pt 2.85pt 7.1pt">
<p class="MsoNormal" align="right" style="text-align:right"><a href="http://www.linkedin.com/groups?gid=3069016&trk=myg_ugrp_ovr"><span style="font-size:10.0pt;color:black;text-decoration:none"><img border="0" width="59" height="15" id="Picture_x0020_23" src="cid:image003.jpg@01CE3F3F.46DC1100" alt="http://press.linkedin.com/sites/all/themes/presslinkedin/images/LinkedIn_WebLogo_LowResExample.jpg"></span></a><o:p></o:p></p>
</td>
<td width="355" valign="top" style="width:266.35pt;padding:2.85pt 2.85pt 2.85pt 7.1pt">
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Join the </span><span style="font-size:10.0pt"><a href="http://www.linkedin.com/groups?gid=3069016"><span style="color:black">AUA members’ LinkedIn group</span></a></span><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="font-size:10.0pt"> </span><o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
</div>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman","serif"">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 <o:p></o:p></span></p>
</div>
</body>
</html>