Reference - Focus Policy

This chapter describes how to implement the focus handling for a reference. A transparent object changes the color when the reference gets the focus.

1. In the reference, change the color of the object by adding a script to the Clicked, KeyBoardFocusIn and KeyBoardFocusOut events. In this example a rectangle that contains an ellipse, a text field and a button is used. Add the scripts to the rectangle.

   Clicked:

   main(mapping event)
   {
      if ( ELLIPSE1.backCol == "red" )
          ELLIPSE1.backCol = "green";
       else
           ELLIPSE1.backCol = "red";
   }   

   KeyBoardFocusIn:

   main()
   {
      this.foreCol = "blue";
      ELLIPSE1.foreCol = "blue";
   }  

   KeyBoardFocusOut:

   main()
   {
      this.foreCol = "";
   }    

2. Set the Focus Policy of the rectangle in the attribute editor to StrongFocus and save the reference.
3. Add the reference to a panel. Use the tab key to move from one object to another.
4. The color is changed when the rectangle gets the focus.