<!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=048134615-25102007><FONT face=Arial
color=#0000ff size=2>Jullian, thanks for the suggestion on using a Decision
icon. I should have thought of that. It works perfectly.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2>I had already been using the drawPanel() method on a page
icon, and just needed to figure out how I could have a draggable panel on a page
with other content. Using the Decision icon allows me to do
this.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2>I've downloaded the latest version to get the new events
you added. And thanks for the example file. But just using the Decision icon
allows me to achieve what I was attempting.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2>Thanks again,</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007><FONT face=Arial
color=#0000ff size=2>Paul</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=048134615-25102007></SPAN> </DIV><BR>
<BLOCKQUOTE dir=ltr
style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #0000ff 2px solid; 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> Thursday, October 25, 2007 1:22 AM<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>