<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 14 (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:SimSun;
        panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
        {font-family:SimSun;
        panose-1:2 1 6 0 3 1 1 1 1 1;}
@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;}
@font-face
        {font-family:"\@SimSun";
        panose-1:2 1 6 0 3 1 1 1 1 1;}
/* 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";}
span.EmailStyle19
        {mso-style-type:personal;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
span.EmailStyle20
        {mso-style-type:personal-reply;
        font-family:"Calibri","sans-serif";
        color:#1F497D;}
.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><span style='color:#1F497D'>You’d have to mask the target movie clips, and then add the scrollbar component to them, but I’m not sure if that’s a good idea usability wise, and I don’t know what implications that would have for the code that positions the labels as they get dropped in. Does it make sense to build two smaller interactions rather than one big one?<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></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>Philip Wolstenholme<br><b>Sent:</b> 22 April 2013 09:27<br><b>To:</b> xerte@lists.nottingham.ac.uk<br><b>Subject:</b> [Xerte] Overflow:scroll; equivalent on category item holding boxes<o:p></o:p></span></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<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Project Officer (Web & e-Services)<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Association of University Administrators<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'><o:p> </o:p></span></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'> <o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>0161 275 2010<o:p></o:p></span></p><p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:2.85pt;border-collapse:collapse'><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@01CE3F3E.5F699400" alt="http://www.aua.ac.uk/uploadedfiles/homepage_rotating_images/development%20conference.jpg"></span></a><span style='font-size:10.0pt;color:black'><o:p></o:p></span></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><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 style='color:black'><o:p></o:p></span></span></p></td></tr></table><p class=MsoNormal><span style='font-size:10.0pt;color:black'><o:p> </o:p></span></p><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:2.85pt;border-collapse:collapse'><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@01CE3F3E.5F699400" alt="https://twitter.com/images/resources/twitter-bird-blue-on-white.png"></span></a><span style='font-size:10.0pt;color:black'><o:p></o:p></span></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 style='color:black'><o:p></o:p></span></span></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@01CE3F3E.5F699400" alt="http://press.linkedin.com/sites/all/themes/presslinkedin/images/LinkedIn_WebLogo_LowResExample.jpg"></span></a><span style='font-size:10.0pt;color:black'><o:p></o:p></span></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 style='color:black'><o:p></o:p></span></span></p></td></tr></table><p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p><p class=MsoNormal><o:p> </o:p></p></div></body></html>