<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Styling text entry fields and setting focus</TITLE>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16674" name=GENERATOR></HEAD>
<BODY>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2>Update:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2>I've been able to get the look I want, set focus, and
designate the field as a password field by using a V2 TextInput component,
but now I can't get the control off the screen. I can't seem to Tab or Enter out
of the field. I based the setup on the V2Components example, and found that if
you try to use 'change' as the event, only 1 character at a time appears in the
text field. But if I use 'enter' (also tried: Enter, onEnter, blur,
Blur, onBlur, onKillFocus, KillFocus) as the event you can continue to type
characters, but nothing happens when you press Tab or Enter. The interaction
never seems to exit unless I use 'change' as the event with
InteractionId.exit(), but then I only capture the first character typed. What is
the name of the event I should be using if I want to use Tab or Enter as the
action key?</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2>I'm also unsure of how to remove the control from the
screen once you've Entered or Tabbed out of the field. I guess I could use a
framework for that, and just navigate to the next page of the
framework.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=640323620-25072008><FONT face=Verdana
color=#0000ff size=2>Paul</FONT></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>Paul
Swanson<BR><B>Sent:</B> Friday, July 25, 2008 11:23 AM<BR><B>To:</B> Xerte
discussion list<BR><B>Subject:</B> [Xerte] Styling text entry fields and
setting focus<BR></FONT><BR></DIV>
<DIV></DIV><!-- Converted from text/rtf format -->
<P><FONT face=Verdana size=2>I'm building a login page, and I'm having trouble
getting the Text Entry fields to look and work the way I want them
too.</FONT></P>
<P><FONT face=Verdana size=2>I'm using a regular text entry response, but the
text field does not have a white background (page background color is a light
blue). I've tried using a script icon with the following:</FONT></P>
<P><FONT face=Verdana size=2>pword.pw.background = true;</FONT> <BR><FONT
face=Verdana size=2>pword.pw.backgroundColor = 0xFF0000;</FONT> <BR><FONT
face=Verdana size=2>pword.pw.password = true;</FONT> </P>
<P><FONT face=Verdana size=2>Where pword is the interaction id, and pw is the
rs property of the text entry response. This is in an Event response attached
to the same Interaction as the text entry response. I'm using an event of
onInit with the icon set to pword, but have also tried setting it to pw. The
text entry field is displayed, but the background of the text field is the
same color as the stage, and text typed into the field is visible as entered,
not masked by the password property. I also want to set the focus to the text
entry fields, but setFocus() doesn't seem to have an effect.</FONT></P>
<P><FONT face=Verdana size=2>So how would I do this? It seems I would have to
use a script icon after the response has loaded, but I don't want the
interactions to be perpetual if I can avoid it. Do I use an event response
like my above does, or can I somehow have a setup script on the login page
that sets the styles before the text entry fields are set up?</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> Instructional
Designer</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></BODY></HTML>