<!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=573515310-25102007><FONT face=Verdana
color=#0000ff size=2>I just remembered: I built some of this into the engine
too:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2>if you give a page an id, then do:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2>pageID.drawPanel(50,50,400,400,0x898989, "Panel Title",
true); //x,y,w,h,colour,title,drag</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=573515310-25102007><FONT face=Verdana
color=#0000ff size=2>You get a draggable panel that drags the page contents.
</FONT></SPAN></DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff size=2>It
already did that - give it a try. </FONT></SPAN></DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff size=2>I
just added some events. When such a panel is dragged, it fires the following:
onStartDrag (when the user clicks it); onDrag (as the mouse moves whilst
dragging it) and onStopDrag (when it is dropped). If you download the latest
build, you'll get those events to tap into as well,</FONT></SPAN></DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2>thanks,</FONT></SPAN></DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=573515310-25102007><FONT face=Verdana color=#0000ff
size=2>Julian</FONT></SPAN></DIV>
<DIV><BR></DIV>
<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>Tenney
Julian<BR><B>Sent:</B> 25 October 2007 09:22<BR><B>To:</B> Xerte discussion
list<BR><B>Subject:</B> RE: [Xerte] Moving Flex-style panels with
text<BR></FONT><BR></DIV>
<DIV></DIV>
<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> </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> </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> </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> </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> </DIV>
<DIV dir=ltr align=left><SPAN class=901391608-25102007><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </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 & 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> Paul Swanson</FONT>
<BR><FONT face="Courier New" color=#808080 size=2> Harland Financial
Solutions</FONT> <BR><FONT face="Courier New" color=#808080
size=2>_____________________________</FONT>
</P></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>