How to Design a Coding Form

Design mode allows you to modify your Form both when a coding session has not been started and during the active coding session. Within Design Mode you will find the Inspector window which will allow you to modify properties of the Code window objects.

Warning: If you decide to modify a Form during a coding session, you should be careful. Changing or removing any coding objects that have already been used in the timeline may lead to data inconsistency. This may happen because your timeline may contain instances from the objects that may no longer exist in the Form if the objects were removed or renamed.

The Toolbar at the bottom of the screen contains two popup menus – Insert and Arrange. The far right button with the trash icon will help you to delete objects.

 

The Navigation bar in the upper part of the screen contains the button (Code) that switches the application into Code Mode. In the upper right corner there is an Undo button which helps you undo operations made on objects.


Screen Shot 2015-03-09 at 2.14.52 pm

 

In Design mode you can

  • insert/remove objects and modify their properties.
  • Use the Undo button to reverse changes made to objects on the screen.

Insert a new Object

To add new objects to the Form tap the Insert button on the baseline toolbar. In the popup menu, (refer to the Buttons and Objects page) tap your selected object. The new object will be created on a vacant space in the screen or in the middle of the screen if there is no free space. The selection menu will collapse after each selection except for a Popup Tag selection. To collapse the popup without selecting an object, just tap the Insert button.

Screen Shot 2015-06-23 at 8.14.59 am

 

Move an Object

Objects can be moved to a new space using a slide gesture (see the Gestures pages).

Resize an Object

Objects can be resized by using a resize gesture (see Gestures page) or by modifying the Geometry properties in Inspector. The Geometry property “Locked”, on the Geometry Inspector bar, must be switched off to be able to resize or move an object.

Modify the properties of an Object

All an object’s properties can be modified by using the Inspector functions. To call the Inspector , double tap the object. See the Inspector chapter for more details.

To open the Inspector for the Form’s properties, double tap an empty space on the Form.

You can Undo all changes made to properties in the Inspector screen.

Arrange Objects

Every object on the screen has its own Z-position, ie. an order of objects along the Z-axis, which is perpendicular to the screen. Consider each object as a single sheet in a stack.

When the Form is being constructed, by default, the objects are arranged in order from the top of the Form with each new object being added beneath the last one on the Form, but ahead or in front of the former object in the Z-axis.

It may be useful, (in the interests of saving screen real estate), to arrange objects in a stack. Use the Button popup menu, which opens when the button is tapped.

Bring to Front. takes any object from the stack and puts it at the forefront position. Bring Forward swaps the object with the closest object forward of it, if any.

  • Send to Back puts the object to the furthest position rearward.
  • Send Backward swaps the object with the closest object rearward of it, if any.
  • Please note that Z-ordering for Popup tags behaves opposite to that of Event Buttons.

Popup tags always follow their target Event when the Event’s Z-order is changed.

Remove an Object

Select an object and tap the trash icon in the lower-right corner of the screen.

Links

A Link is used to automatically activate or deactivate buttons in a CODA Form as a consequence of how the activity is unfolding. A link may also pass Tag information from a source Tag to a target Event when the link activates or deactivates the target Event.

The benefit of using Links is to reduce the number of manual button activations and/or deactivations, (taps) that an operator would need to perform. The use of links in the Form will make the coding of your activity more efficient.

Links can be initiated when an Event, Tag or Popup Tag button is activated (button tapped) or when an Event button is deactivated (button tapped).

Terminology

An “On activation” link will perform when the source button (Event, Popup Tag or Tag) is activated. An “On activation “ link originates from the source button icon which is located on the left side of the button. An “On activation” link is depicted on the Coding Form as a green link line.

Screen Shot 2015-02-11 at 10.13.20 am

An “On deactivation” link will perform when the source button (Event only) is deactivated. An “On deactivation “ link originates from the source button icon which is located on the right side of the button. An “On deactivation” link is depicted on the Coding Form as a blue link line.

Screen Shot 2015-02-11 at 10.14.04 am

NOTE: It is important that the user understands that the terminology is in reference to the source button not to what the link will do to the target button.

 

 

Was this helpful?

0 0