<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Moving Flex-style panels with text</TITLE>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD>
<BODY>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2>Hi Paul,</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2>Use a decision icon to place more than one page on the 
screen at the same time. Set the erase and eraseOnExit properties to 0, then the 
flow will zip through all the pages, display the contents and move out of the 
decision with everything on the screen. Add as many pages to the decision as you 
want, and add your content to those pages.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2>If you give a page an ID, then you can use that in an event 
response to capture onPress and onRelease. Use onPress to execute a script that 
does page ID.startDrag(false,x,y,w,h); and onRelease to execute a script that 
does pageID.stopDrag(); </FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2>As well as facilitating this drag and drop, the use of a 
decision icon in this way is very useful for managing complex pages, where you 
might have many icons in the tree,</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2>Julian</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana 
color=#0000ff size=2></FONT></SPAN>&nbsp;</DIV><BR>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
  <DIV class=OutlookMessageHeader lang=en-us dir=ltr align=left>
  <HR tabIndex=-1>
  <FONT face=Tahoma size=2><B>From:</B> xerte-bounces@lists.nottingham.ac.uk 
  [mailto:xerte-bounces@lists.nottingham.ac.uk] <B>On Behalf Of </B>Paul 
  Swanson<BR><B>Sent:</B> 24 October 2007 22:30<BR><B>To:</B> 
  xerte@lists.nottingham.ac.uk<BR><B>Subject:</B> [Xerte] Moving Flex-style 
  panels with text<BR></FONT><BR></DIV>
  <DIV></DIV><!-- Converted from text/rtf format -->
  <P><FONT face=Arial size=2>Hi all,</FONT> </P>
  <P><FONT face=Arial size=2>I really like the Flex-style panels available in 
  Xerte, and would like to use them as "callout" containers. I can do this 
  easily enough if they are not draggable. But in order to get the text to move 
  with the panels, each panel has to be a page object, so it seems you can only 
  have one on the stage at a time. If I use a Graphic icon for the panel, and 
  then a Text icon for the text, should't I be able to use an onDrag event, grab 
  the x &amp; y coords of the graphic icon, do a little math and then move the 
  text object accordingly? I've tried using an Event Interaction with onDrag as 
  the event and the id of the graphic icon as the icon "property", but it 
  doesn't seem to trigger anything. And I've tried just adding a text icon to 
  the even that prints "I'm being dragged around!" but the text never appears, 
  which leads me to believe I'm not doing the Event properly. Any 
  tips?</FONT></P>
  <P><FONT face="Courier New" color=#808080 
  size=2>_____________________________</FONT> </P>
  <P><FONT face="Courier New" color=#808080 size=2>&nbsp;Paul Swanson</FONT> 
  <BR><FONT face="Courier New" color=#808080 size=2>&nbsp;Harland Financial 
  Solutions</FONT> <BR><FONT face="Courier New" color=#808080 
  size=2>_____________________________</FONT> </P></BLOCKQUOTE></BODY></HTML>